Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Wordpress Plugin Changing CSS on other elements

Posted on 2016-07-21
3
Medium Priority
?
68 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
  • 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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to Import and export files in WordPress. 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 : Click on Too…
Suggested Courses

877 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