Wordpress child theme causes padding changes without modifications

Stewartside helped me use JQuery to create a specific function for my main navigation on my website (thanks again!). I created a child theme to add the changes to my header.php file and it has started to cause a weird layout change. My homepage should have 20px padding, which is NOT a special CSS modification, but the child theme automatically removes it. This doesn't happen with other pages on my site, just the homepage. I have also added/removed the jquery code to make sure that wasn't the problem; the style.css file for the child theme only has the "child theme" coding, no modified CSS.

Homepage: http://bostonirishclothing.com About Us: http://bostonirishclothing.com/about-us

Is there anything that would cause this?

Solutions

Get the Firebug add on for your browser (available on Chrome and Firefox). Then right click the section that is causing the issue and you can see the coding and all the relevant CSS functions including the files they are in (to the chosen section). It will also show which CSS function is being prioritised compared to the other. Then you can modify the functions or add new ones to make it work.

A dirty way to do things is to use !important however this should only be used sparingly as it can screw with other pages. An easy way to avoid that is to make the CSS function for example .entry-content { color:#fff; } becomes .post-x .entry-content { color:fff!important; }

Test things out. Firebug is amazing help when editing CSS. You can even do some of the tests in firebug itself.

Tags: Css / Wordpress / Themes

Similar questions

WordPress SimplePie modifications
I am using the fetch_feed() function provided in WordPress to build a SimplePie feed object. The code from WP is the following: How can I modify which HTML elements get stripped during the feed import? SimplePie in its documentation says that there is a function strip_htmltags(), but I'm not sure how I can use it within the WordPress context. http:...
Wordpress filter function using query modifications
I'm trying to build a filter function for the main query on a custom post type archive page. The custom post type is named "Hotel". For this custom post type i have a custom taxonomy named "Facilities". Each "hotel" post can have one or many facilities. I've build a form function with an checkbox for each available taxonomy. Also I've build an hook...
How to preserve PHP modifications while upgrading WordPress?
I made a lot of custom modifications in the PHP code of my WordPress blog. Namely in: archive.php, blog.php, footer.php, functions.php, header.php, search.php To provide customized search results, filtered content on the main page, ordering archives, and search results by meta tags, echoing custom JavaScript to the page which supports the site logi...
Tiny MCE-modifications (plugins) stopped working in WordPress 5.6
A while back I stumbled across this post from 2015, that showed how to add Tiny MCE-buttons. It has been working for more than a year. But after the latest WordPress update (to version 5.6) it stopped working (the added dropdown-button isn't in the UI any longer). What's wierd is that I had made 2 modifications to Tiny MCE: I have the same code run...
How to navigate through wordpress core source and find required .php files to make modifications
I'm trying to find the wordpress core file that is responsible for displaying the button in the edit post page to allow you to set a featured image. Anyone know the best approach for finding this file? I assume the file would be under wp-admin, but any obviously-named file such as post.php or edit.php doesn't seem to contain this (keeping in mind t...
CSS 2-line Menu & Sub Menu for Wordpress + Modifications
I NEED A CSS MENU WITH MENU AND SUBMENU IN 2 HORIZONTAL LINES: Hovering on the menu, the sub menu will load on the second line. I got a nice code for such menu: HERE. Now it's working as if- - I hover on the MENU, if there is SUB MENU, they will appear - I take off my mouse from the MENU, the SUB MENU will disappear Though the color combination is ...

Also ask

We use cookies to deliver the best possible experience on our website. By continuing to use this site, accepting or closing this box, you consent to our use of cookies. To learn more, visit our privacy policy.