Solved

Wordpress Plugin Changing CSS on other elements

Posted on 2016-07-21
3
49 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 500 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

Want Experts Exchange at your fingertips?

With Experts Exchange’s latest app release, you can now experience our most recent features, updates, and the same community interface while on-the-go. Download our latest app release at the Android or Apple stores today!

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
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…
This video teaches viewers how to create their own website using cPanel and Wordpress. Tutorial walks users through how to set up their own domain name from tools like Domain Registrar, Hosting Account, and Wordpress. More specifically, the order in…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
Suggested Courses

627 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