I have created I child theme and CSS, then imported the parent CSS as recommended. I then proceeded to create my own ids and classes and adjust/add divs where necessary.
I have encountered a few very frustration problems.
Firstly, My pages are moving around. I have only touch the header.php and index.php files. I added a div to wrap the entire index page and header, so by my logic that should hold every within that div, but if I click on a menu item, loading another section, the page elements move out of alignment. see http://www.essentialopals.com. How can I force all elements to stay within my divs? I assume there is something in the parent CSS or structure throwing it off.
Secondly, how can I clear all the default background images from my template? I have tried overriding them from the parent CSS, (copying the id from the parent into mine then setting the background to none or removing it) but they won't disappear.
Thirdly, why do I need to put in the entire url (from http://) in order for my CSS background images to appear. it makes sense that I might need to go up to the wp-content file, but I don't get why I would need the go all the wat back to the root.
Fourthly, I put my 'home' link in a separate div to the other menu items and floated it left, after the header image, however sometimes when I load the page this div jumps to the left of the image, and sometimes it stays on the right, where it is supposed to be. I changed it and floated it right to fix these issues, but I still don't understand why it would happen.
Also this 'home' div is not aligning correctly. It has the same top margin and padding as the other menu, but is sitting below. What's causing this?
Any help please...