Custom Header Font

nicksimmons · November 2020

Hello- thank you for implementing the custom header, it's a great option. I was wondering if you could help me change the font. I have changed the style using inline styling but changing the font using <p style="font-family:roboto;"> does not seem to work.

Phil · November 2020

Hello,
If you want to change the font, please, go to options of the item where you want to change the font and select "Style".
There you will be able to set any font you want.
https://prnt.sc/vklqf4
https://prnt.sc/vklrly

Thanks

nicksimmons · November 2020

Thank you, but there is not a similar option for the text widget

https://prnt.sc/vkt5k4

Phil · November 2020

The header's text takes its font from Content in: Betheme > Theme Options > Fonts > Family.
You can change it there, but it will change the font for the whole website.
If you want to change the font for the text widget only, you will have to write Custom CSS Code.

If you need help with creating such a Code, please, let me know, and I will help you with it, but you will have to attach a link to your website.

Thanks

nicksimmons · November 2020

That would be great. The site is only accessible if you add a host file entry, which is

208.68.184.156 newarkfamilydentistry.com

208.68.184.156 www.newarkfamilydentistry.com

If that is not possible the class for the text in the header is .mhb-custom-ff1mFyUol

Phil · November 2020

I get to your website, but I could not find the item with the class you mentioned.
But I managed to change the font of the top part of the header with the following Custom CSS Code (put it in "Betheme > Theme options > Custom CSS & JS > CSS").

#header .header-top .container .row{
  font-family: 'Times New Roman'!important;
}

https://prnt.sc/vlbptx

If it is not that, please, send me a link to a screenshot showing the part that should be changed.

Thanks

Custom Header Font

Comments