sabina100.cloudaccess.host/

How can I apply the logo font style to the logo in the Mobile Logo position?

Thank you
Sharon

Hi Sharon,

#logo h1, #logo h2, #logo h3, #logo h4 {
font-family: 'Rochester';
}

and then in the html use a span

#logo h1 span, #logo h2 span, #logo h3 span, #logo h4 span, #mobile-logo h1 span, #mobile-logo h2 span, #mobile-logo h3 span, #mobile-logo h4 span
{ font-family: 'Open sans';
color: #ffaf6e;
font-size: 27px;
}

Is this what you are referring to?

Cheers
Paul

I'll try it.

This is the current styling for the template

so it has the first style using the heading tag h1, h2 etc

and the second with the span in the html added overrides the first which creates the styling for the second word

I used Buildr's style column to change the logo font style to "Great Vibes" from the default "Rochester"

- In desktop view I see "Great Vibes "applied.

- When the browser on the desktop is resized to be narrow in the proportions of a phone, I see 'Crimson" applied

- On my iPhone I see "Open Sans" applied.

I want to apply "Great Vibes" at all 3 scenarios above.

Thank you
Sharon

I am not using the colourshift template's unique change with a span tag for the second word.

hmmm you have

#mobile-logo h1, #mobile-logo h2, #mobile-logo h3, #mobile-logo h4 {font-family: "Rochester";}

with the real logo being

#logo h1, #logo h2, #logo h3, #logo h4 {
font-family: 'Great Vibes';
}

so If I put in the custom.css
#mobile-logo h1, #mobile-logo h2, #mobile-logo h3, #mobile-logo h4 {font-family: "Great Vibes";}

will that override it?

I am not intentionally using "Rochester"

In Buildr I set

"Great Vibes"as the logo font
"Crimson" for headings
Crimson Italic" for the blockquote
Lato for the Menu font and Body text

Thank you

Yes try adding this

#mobile-logo h1, #mobile-logo h2, #mobile-logo h3, #mobile-logo h4 {font-family: "Great Vibes";}