Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Wordpress Plugin Changing CSS on other elements

Posted on 2016-07-21
3
Medium Priority
?
64 Views
Last Modified: 2016-07-21
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
0
Comment
Question by:Andrew Spackman
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 1

Author Comment

by:Andrew Spackman
ID: 41723438
It also seems to effect the four services on the home page www.lifetime-legal.co.uk
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 2000 total points
ID: 41723501
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:

* {
    box-sizing: border-box;
}

Open in new window


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.
0
 
LVL 1

Author Closing Comment

by:Andrew Spackman
ID: 41723523
Thank you very much, that sorted it out :)
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
Suggested Courses

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question