Move text in the Atmosphere Pro Theme

[ZoeK]

Hello,

I have the Atmosphere Pro theme. I removed the front page image for a clean look. I changed the text color to black in the page 1 widget area since it was white, could read the text when you don't have an image.
I want the text widget to display higher on the page 1 widget area. I also want the front page 2 to follow up closer front page 1. Does anyone know what CSS to add to make that happen?
Thank you in advance for your time.

Zoë

[pixeldroid]

These sound like padding/margin issues. Do you know how to use the 'Developer Tools' in Chrome (or Firebug in Firefox)? You can use them to identify and tweak the padding and margins in real time. They will show you which styles are controlling these properties and where they are in your css (by line number).

[ZoeK]

Hi Pixeldroid,

Thank you for the response. I had tried firebug lite before but I just went back to look again. Im pretty much walking in the dark with it as I'm new to this.
Anyway, found the correct area to change!
It was here,
element.style {
height:841px;
}

[pixeldroid]

Glad you found it. If you are going to do a lot of CSS editing, I'd recommend reading a tutorial on using Chrome's Developer Tools.
Being able to identify and tweak properties in real time is invaluable. As you learn, you can alway lookup the CSS properties on the web.

[Author]

Posts