How to change the appearance of a text box without changing the font style

20 hours ago, Scotty_90 said:

Hi,

 

I want to change the font used in a particular text box but not change the style. E.g I want it to still be registered as H1 (for SEO purposes etc) but I want it to look like P1. Is there code I can use to do this?

 

Thanks

Hey @Scotty_90 - you can totally do this with a little CSS! We can write a code that says "inside this specific content block, make the H1 text this font family, font weight, and font size" so it will look like your P1 but it will actually be an H1.

You can use a block id & selector class to isolate it. Here is an example code you can start with: 

#block-123 h1{
font-family: Name!important;
font-size: 15px!important;
font-weight: normal!important;
}

To grab the ID, you can dig around the source code or use this extension: https://insidethesquare.co/chromeext

Here is a little video with more info; hope it helps and best of luck with your project! 🙂