Forever theme – changing site title color and spacing

codmother007 · Member · Apr 1, 2012 at 9:58 pm
Copy link

Add topic to favorites
Hi,
Can someone help me change the site title letters from blue to black, and to shrink the amount of white vertical space around the site title and subtitle?
thanks

The blog I need help with is: (visible only to logged in users)
timethief · Member · Apr 1, 2012 at 10:24 pm
Copy link
Hello there,
Staff do provide support for CSS editing but as it’s the weekend you may have to wait until Monday for their assistance. You will need to provide an active link starting with http:// to the blog wearing the Forever theme, as the one linked to your username is wearing the Spectrum theme.
codmother007 · Member · Apr 1, 2012 at 11:18 pm
Copy link
The blog using the Forever theme on which I’m trying to edit the CSS is http://robertsampsonmemorial.com/
thanks very much
timethief · Member · Apr 1, 2012 at 11:23 pm
Copy link
You don’t need a custom design upgrade to change the font color on the Blog Title in Forever.
Go here > Appearance > Header
scroll down to:
Header Text
Show header text with your image.
__Text Color
__ Select a Color
codmother007 · Member · Apr 2, 2012 at 12:10 am
Copy link
Thank you! Can’t believe we didn’t notice that…
Do you see how we can decrease the padding around the header and the subtitle?
timethief · Member · Apr 2, 2012 at 12:11 am
Copy link
I don’t help with CSS editing but Staff does and I expect they will reposnd to this thread on Monday.
codmother007 · Member · Apr 2, 2012 at 12:46 am
Copy link
Timethief, thank you for your generosity with your time!… we’ll see what the Staff might say tomorrow.
timethief · Member · Apr 2, 2012 at 12:50 am
Copy link
You’re welcome and not to worry Staff will help you as soon as they can. :)
designsimply · Member · Apr 3, 2012 at 3:08 pm
Copy link
shrink the amount of white vertical space around the site title and subtitle

To remove some of the spacing above the site title in the Forever theme, adjust the 2em number in this example to your liking:
```
#masthead {
padding: 2em 0 0;
}
```
The spacing surrounding the tagline comes from a few different elements. To remove all of that spacing, add this:
```
#main {
padding-top: 0;
}
#access {
margin-bottom: 0;
}
#site-description {
padding: 0;
}
```
You can adjust the numbers to add back spacing as necessary. For example, to add one line of spacing above and below the tagline site description, add this:
```
#main {
padding-top: 0;
}
#access {
margin-bottom: 0;
}
#site-description {
padding: 1em 0;
}
```
eileeniebee · Member · Apr 3, 2012 at 3:29 pm
Copy link
Thank you very much!
designsimply · Member · Apr 4, 2012 at 8:25 pm
Copy link
You’re welcome.
thingstocherish · Member · Apr 5, 2012 at 2:42 am
Copy link
I also want to remove the awkward excess white space in the header. Do I have to upgrade to premium to edit the CSS? Do I have to self-host as well?

I’m at http://www.thingstocherish.wordpress.com

Thanks!
designsimply · Member · Apr 5, 2012 at 10:11 pm
Copy link
I also want to remove the awkward excess white space in the header. Do I have to upgrade to premium to edit the CSS? Do I have to self-host as well?

To make customizations such as the ones described above on a WordPress.com blog, you do need to purchase the Custom Design upgrade.

Switching to your own web hosting account separate from WordPress.com is quite different. Go to http://en.support.wordpress.com/com-vs-org/ to learn more about the differences, and let us know if you still have any questions. It looks like you may have figured out what you need though as http://thingstocherishblog.com/ looks great. :)

No items found.