Changing Page Title Font Size in Travel Plus

qbee2u · Member · Sep 21, 2020 at 11:05 pm
Copy link

Add topic to favorites
I’ve looked at a number of posts here and have tried updating my CSS, cleared my caches etc. but nothing has worked. Any other ideas?
wanderlustconqueror · Member · Sep 21, 2020 at 11:49 pm
Copy link
Hey! I might be able to help. Can you provide me with a link to a post that’s experiencing this issue so I can look into it?

Just the font size of the post title?
qbee2u · Member · Sep 22, 2020 at 1:57 am
Copy link
Here’s a link: https://www.roadslesstraveleditaly.com/lombardy/

Yes, I’m primarily trying to change the Font size, and perhaps the color and font as well.

Thank you!
wanderlustconqueror · Member · Sep 22, 2020 at 2:41 am
Copy link
Without changing the HTML, you can import a font from Google Fonts and then target a header or paragraph text in post.

In your Additional CSS file, let’s say you wanted your post title to have the Lobster Two font. Without importing the font family, the CSS will not work.

Now, for your title’s font-size, you’ll want it to do this: font-size: 28px;. Obviously, you would change it to suit your preferences.

If you do want to change the color, you’ll just want to say color: #385D6C; or whatever hex color you’d like to change it to.
```
/* New Font Import - Lobster Two */
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Post Title Font Style, Size, Color */
h2.title {
  font-family: 'Lobster Two', cursive;
  font-size: 28px;
  color: #385D6C;
}
```
If for any reason the code above does not change anything, you can add the !important attribute to it, as that will act as a prevention of other plugins from overriding the styles of your new code.

What this would look like based on the code above:
```
/* Post Title Font Style, Size, Color */
h2.title {
  font-family: 'Lobster Two', cursive !important;
  font-size: 28px !important;
  color: #385D6C !important;
}
```
I hope that helps!

No items found.