Is there a way on a static page (such as about/deals - or my case Book Direct) to have the title/first line header (e.g H3) as a fancier font Block title/Block subtitle (like used on the food pages in the demo)?
However, on a static page, such as my deal/book direct page, the title of the body copy style can only be selected from a number of options such as "paragraph/Heading 1/Heading 2 etc).
Yes, font style is different for blocks. You can add some CSS (Customizer -> Additional CSS) to make single posts typography look like the blocs, for example:
I've pasted the code into the custom CSS but I get an error - please see a screen grab attached. I've tried adding a colon but with no success. Would you be able to take a look? Thank you
Hi there,
Is there a way on a static page (such as about/deals - or my case Book Direct) to have the title/first line header (e.g H3) as a fancier font Block title/Block subtitle (like used on the food pages in the demo)?
Thank you,
Rachael
Hello Rachel,
I am sorry but I don't get what you mean, can you please provide more details?
Thanks, P.
On the Townhouse page which is like the Food pages in the demo, the blocks have nice titles/subtitles like the homepage...
http://carcassonnetownhouse.com/townhouse/
However, on a static page, such as my deal/book direct page, the title of the body copy style can only be selected from a number of options such as "paragraph/Heading 1/Heading 2 etc).
http://carcassonnetownhouse.com/deal/book/
I would like the title in the body copy to have the same styling as the Block Title or Subtitle. Hope that makes more sense!
Now I get it
Yes, font style is different for blocks. You can add some CSS (Customizer -> Additional CSS) to make single posts typography look like the blocs, for example:
.single-room {
h3 {
font-family: Playfair Display;
font-weight: 700;
font-size: 54px;
}
}
Cheers, P.
Great!
I've pasted the code into the custom CSS but I get an error - please see a screen grab attached. I've tried adding a colon but with no success. Would you be able to take a look? Thank you
Oh sure, sorry, I was thinking in Sass
Please use:
.single-room h3 {
font-family: Playfair Display;
font-weight: 700;
font-size: 54px;
}
thank you :)