WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.
Course Of The Month
8 days, 2 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Wordpress Plugin Changing CSS on other elements
Posted on 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
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
[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
Active 1 day ago
It also seems to effect the four services on the home page www.lifetime-legal.co.uk
Active 1 day ago
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.
Featured Post
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…
- CSS
- HTML
- JavaScript
- PHP
- jQuery
- AJAX
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The purpose of this video is to demonstrate how to insert an Iframe into 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 : Open Page or Post…
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
Course of the Month8 days, 2 hours left to enroll
729 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.