Jump to content


Photo
- - - - -

Using Firebug to Alter Page Layout


  • Please log in to reply
3 replies to this topic

#1 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 06 March 2011 - 08:10 AM

Hello,

Using Firebug, I am able to modify the layout which corresponds to <div class = "widget-pad">...the column of text on the left side of

Please Login or Register to see this Hidden Content

.

After these modifications are made, I have the following CSS:

element.style {
height: 20px;
padding-left: 350px;
padding-top: 20px;
width: 250px;
}

However, when I copy and paste this to Custom CSS, the change which was visible in Firebug does not take effect.

Please advise.

Thanks.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 March 2011 - 07:01 PM

The CSS for the text column is actually div.textwidget instead of element.style, so that may be why the CSS isn't working. Where did you find the element.style CSS?

#3 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 07 March 2011 - 01:52 AM

div.textwidget{ height: 594px; padding-left: 350px; padding-top: 20px; width: 960px; }

#4 tim4708

tim4708

    Super Member

  • Members
  • PipPipPipPip
  • 111 posts

Posted 07 March 2011 - 01:59 AM

Thanks, I added the above and it worked. I found the element.style CSS under <div class = "widget-pad"> Firebug -> Style