[Toni Johnson]

Hello,

I  would like to use custom CSS to be able to alter certain text attributes on my logo and tagline. I have some familiarity with CSS and HTML and I’d like to play with those sections more in depth than the “Typography” section in theme customization allows.

I’d like to be able to set a different font for the tagline, so that it doesn’t match logo font. I would also like to put a background color span element on the tagline text, and maybe the logo as well. Regardless, I’d like to have the option to edit my logo text and tagline text separately.

Could I get a template CSS snippet for adding attributes to those areas of text? Thank you so much!

[vako]

Hi Toni,

 

At first, thank you for choosing our theme and service.

Please share styles you want to add to your website or section and we will create CSS snippets, after that, you will be able to easily rewrite the snippets we share and make changes.

 

Kind Regards

[Toni Johnson]

Hello,

Thank you for your reply.

Firstly, I would like to be able to set the tagline to an entirely different font from the logo text font.

Secondly, I’d like to add a background color to the tagline text that spans the text only.

Thirdly, I would also like to see what a background color behind the tagline text looks like at full width of the header element. Essentially that would create a background color “stripe” or rectangle across my header image, with the tagline text on top.  Is this easily achievable?

Thanks again for you time.

 

[vako]

Hi Toni,

 

Please share the font name, colour you want to be added and the site URL and we will check for possible solutions.

 

Kind Regards

[Toni Johnson]

This reply has been marked as private.

[vako]

Hi Toni,

 

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

.site-description {

font-family: 'Helevetica' !important;

background-color: #fff;

color: #000;

}

 

Kind Regards

[Author]

Posts