How to change color & size of your headline in WordPress (actually works)

I have have looking online for quite some time to change color and size of the main headline in WordPress (including this blog) with a larger white font on top of a darker background image. Nothing worked so far. However, I was able to find a solution. My theme was Apostrophe 2, but it should work for all or most themes.

th166

Click on My Site, click Customize next to theme button, then CSS and insert the following text:

h1 a{
font-size: 2.5em;
text-align: center;
color: white !important;
}

Some explanation: h1 refers to the first headline and a refers to an internet link (because the first headline is a clickable link). Fonts size of 2.5em makes the headline 2.5x relatively larger and you can change the value to 1.5 or 3 or whatever you like. An alternative is using 200% or so instead of em units. Text-align to center did not actually do anything for me but maybe it’ll work for you. Color sets the color to white or whatever you specify and the !important tag will override old settings.

Bonus: you can add the following line to create a shadow for the headline font to separate it better from the background:

text-shadow: 3px 3px 9px black;

Not working? Leave a message here.

Thanks for reading! You can check out more of this blog or my YouTube channel.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s