Change page title font size & color – Apostrophe 2

kasl0808 · Member · Oct 8, 2017 at 1:03 am
Copy link

Add topic to favorites
New at this:
Could you please explain how I can change the size & color of the page title.
I wish to make them smaller and color #404040.
Thanks

The blog I need help with is: (visible only to logged in users)
lizswafford · Staff · Oct 8, 2017 at 10:03 pm
Copy link
Hi there,

Here is the documentation for your theme, Apostrophe 2: https://wordpress.com/theme/apostrophe-2

First off, to get started, visit the Customizer for your blog:
https://wordpress.com/customize

You’ll find a couple of options there to change the size of the heading / page title. In the Customizer choose Fonts, then under Headings change the font, style, and size. You will see the changes instantly. Click ‘Save & Publish’ to save your changes.

Also in the Customizer you’ll see Colors & Backgrounds. In that section there are several color palettes to choose from which will automatically change the background and font colors. Will one of those combinations work for you?

If you don’t like those options, you’ll have to make changes to the CSS using the Advanced Design Customization feature available with the Premium and Business plans here on WordPress.com.

The following code from this older forum post should work just to change the heading:

`.site-description {
color: #404040;
}
lizswafford · Staff · Oct 8, 2017 at 10:03 pm
Copy link
```
.site-description {
color: #404040;
}
```
kasl0808 · Member · Oct 9, 2017 at 3:53 am
Copy link
Ok, I understand that, thank you. Although it changes my site description size.

It still didn’t change my page title size.

I have a category linked to a menu page and the title of the page is too big. I would like to make it smaller. Is there a way to change the size?
Thanks
thesacredpath · Member · Oct 9, 2017 at 10:07 pm
Copy link
To adjust page and post title size and color, add the following to your custom CSS and adjust the 3rem value as desired. Originally it was 4.5rem.
```
.page-title, .entry-title {
  font-size: 3.5rem;
  color:#404040;
}
```
kasl0808 · Member · Oct 9, 2017 at 10:21 pm
Copy link
Thanks soooo much, worked a treat.
kasl0808 · Member · Oct 9, 2017 at 10:26 pm
Copy link
How can I change the size of my site title only DreamScape Australia and not the other titles?
thesacredpath · Member · Oct 10, 2017 at 8:44 pm
Copy link
Super. To change the site title font size, add this and adjust as desired. It was 3.6rem.
```
.site-title {
  font-size: 4.5rem;
}
```
kasl0808 · Member · Oct 11, 2017 at 4:46 am
Copy link
Thank you, much appreciated.
thesacredpath · Member · Oct 11, 2017 at 11:26 am
Copy link
You are welcome.

No items found.