Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.
Wordpress Plugin Changing CSS on other elements
Hi,
I have developed a site at www.lifetime-legal.co.uk and implemented a staff plugin called "wp our team" however whenever this plugin is active it seems to effect the styling of other elements on the page even though they dont share the same class.
The page i have activated the plugin on is http://www.lifetime-legal.co.uk/team-category/meet-the-team/ when active it effects the newsletter div at the bottom of the page.
Would this be a css issue of js issue?
I even changed the class of the newsletter icon at the bottom of the page and it still displays incorrectly. Any help would be much appreciated.
Many Thanks,
Andrew
I have developed a site at www.lifetime-legal.co.uk and implemented a staff plugin called "wp our team" however whenever this plugin is active it seems to effect the styling of other elements on the page even though they dont share the same class.
The page i have activated the plugin on is http://www.lifetime-legal.co.uk/team-category/meet-the-team/ when active it effects the newsletter div at the bottom of the page.
Would this be a css issue of js issue?
I even changed the class of the newsletter icon at the bottom of the page and it still displays incorrectly. Any help would be much appreciated.
Many Thanks,
Andrew
Asked:
-
2
1 Solution
It's definitely a CSS issue being added by the plugin.
If you look at
http://www.lifetime-legal.co.uk/wp-content/plugins/wp-our-team//assets/css/team.css
on line 3 you will see:
The * is a global reset and since the team.css is most likely loading after the overall theme's css, it's probably causing conflicts. When I kill it in the console on the browser, the newsletter div snaps back into place.
If you look at
http://www.lifetime-legal.co.uk/wp-content/plugins/wp-our-team//assets/css/team.css
on line 3 you will see:
* {
box-sizing: border-box;
}
The * is a global reset and since the team.css is most likely loading after the overall theme's css, it's probably causing conflicts. When I kill it in the console on the browser, the newsletter div snaps back into place.
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
Featured Post
Tackle projects and never again get stuck behind a technical roadblock.
Join Now