• 0
Sign in to follow this  
Followers 0

CSS Problem, please help

Question

Posted (edited) · Report post

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

Edited by leopold

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

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. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Great. Thank you so much

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0