[Theme: raindrops] Raindrops: Tag Line Not Displaying and Other Issues

I think these changes will require a Child Theme.

2) I can’t see what you mean, which browser & browser version are you using?

I’m using Firefox 15.0.1

It’s not a big deal if the title cannot be centered. However, I very much would like our tag line to display under the title.

I don’t know what child themes are. Can you please explain it? I’m extremely new to CSS but I learn quickly.

The site title is currently set to “display: none;” someplace in the theme — so that’s why it’s not visible. I’m not familiar with that theme, so can’t help with specific fix — but you’ll need to track down where that setting is.

It’s not hard to center the title — add this to your CSS:

#site-title {
    display: block;
    max-width: 100%;
    text-align: center;
}

The site title is currently set to “display: none;” someplace in the theme — so that’s why it’s not visible. I’m not familiar with that theme, so can’t help with specific fix — but you’ll need to track down where that setting is.

Thank you, that’s a good start. I’ll look through the code and see what I can find.

It’s not hard to center the title — add this to your CSS:

#site-title {
display: block;
max-width: 100%;
text-align: center;
}

This didn’t change anything. I added it to the end of the style.css Is there somewhere else it should go instead?

Have you cleared your browser cache? Or try editing the existing CSS code on line 1214 for #site-title — but as Andrew mentioned, you should be using a Child theme to make any changes to your theme — unless you have custom CSS option or are using a CSS plug-in. Otherwise, you will lose all your changes when the theme is updated.

See https://codex.www.ads-software.com/Child_Themes

Okay, now I am able to see the tag line (No mystical energy field controls my destiny.) but it’s inline after the title and it wraps to the next line. I’d like it to be moved more left so the whole sentence can fit on one line (if that makes sense.)

You have text-align: center set for that element on line 1861 of your stylesheet. So use “left” and/or add margins to adjust the alignment.

FYI, it’s not the “site-description” that’s now visible — you just added text??

I just changed the settings in the last few minutes. I was fed up with the way it was displaying the site-description, so I made a custom header image with our logo and the tag line we wanted, to save myself a headache.

I’m still having the problem with the title of the Twitter widget. It says “Twitter Feed” but it’s cut off horizontally in the middle of the letters.

Is that Twitter widget title supposed to have an increased font size compared to “Blogs” widget title?

No, it’s not. I can’t find any way to control the size of the font in the widget title.

Try adding;

.widget h2 a {
 font-size: inherit;
}

Otherwise your heading <h2> in the widget titles, that are hyperlinked, are going to have a 161% font size, rather than 116%, caused by this;

h2, .h2 a, .page_title {
 font-size: 161.6%;
 letter-spacing: 0.07em;
}

Perfect, that worked like a charm! Thank you!

How can I change the font size of the entry titles? I looked through the style.css but didn’t see a spot where the font size was dictated, and I don’t know if it’s h2 or h3…

EDIT: Never mind, I figured it out!

Hi Mollysaurus

How can I change the font size of the entry titles?

for example

.entry-title a{
	font-size: 100%;
}

Thank you.