Solved

Wordpress Plugin Changing CSS on other elements

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

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
 

Author Closing Comment

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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery scrollTop 2 40
Wordpress Body Class 5 29
How to avoid jquery conflicts in Wordpress ? 4 23
Alignment is not working correctly. 8 29
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

947 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now