Jump to content

Archived

This topic is now archived and is closed to further replies.

leopold

CSS Problem, please help

Recommended Posts

leopold    0
leopold

I tried to make a change in my child theme from

element.style {
padding-bottom: 20px;
padding-top: 20px;
}

https://dl.dropboxusercontent.com/u/534152/tfc/firebug.png

to


element.style {
padding-bottom: 0px;
padding-top: 0px;
}

https://dl.dropboxusercontent.com/u/534152/tfc/css.png

I works fine when I preview it in Firebug in Firefox, but when I actually post the code into the child theme's css, it doesn't work.

Please let me know how to solve this problem. Thank you so very much.

p.s. there is a little bug for the logo image in Chrome. Please see the image, and let me know how i can fix it. Thanks

https://dl.dropboxusercontent.com/u/534152/tfc/logo%20in%20chrome.png

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Leopold 

 

Can you provide us with a link to your site and the element you are trying to style please? iut's a matter of finding the correct selector and using that rather than 'element.style. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, Firstly, the reason as to why your code is working in Firebug, but not when you add the code to your custom code is because, element.style will only work in Firebug, as its styling that particular element at that time, but doesn't have any association to it, outside of Firebug. If you want to use Firebug correctly, you will want to use the correct class for that element and not add your code to the element.style. I highly recommend you use Google Chromes web dev tools, as in my opinion they're better and easier to use. There is also a website called Code School, that provides free signup where you can do their free Introduction to Web Dev tools. The course itself is awesome and I am positive at the end of the course, you will be a Web Dev tools ninja! http://www.codeschool.com/courses/discover-devtools Now regarding your issue with the padding, you really shouldn't need to add custom code as far as I am aware to remove or add padding. To change the padding, make sure you're logged in and then on the very left hand side of your site. You should see a small toolbox, when you hover over that toolbox, there should be a slide effect, which displays some options, one of these is edit. http://d.pr/i/S1AT If you click the edit button, it should bring up the options for that section area. From here, you can change the padding for that section, simply set the padding top and padding bottom to zero and click publish. When you refresh your site, the top and bottom padding, should be set to zero. http://d.pr/i/XzDD

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Rob    547
Rob

You're welcome (on Danny's behalf).


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

×