Must Read: New Unified System is officially live Must Read     |   11 Templates & 4 Extensions Updated Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Colourshift: How can I apply the Logo Font style to the Mobile Logo position

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

sabina100.cloudaccess.host/

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

Thank you
Sharon
  • ssartjb's Avatar
  • ssartjb
  • 12 Month Developer
  • 343 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'll try it.
  • ssartjb's Avatar
  • ssartjb
  • 12 Month Developer
  • 343 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
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
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 10 months 3 weeks ago by paulus103.
The administrator has disabled public write access.
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
  • ssartjb's Avatar
  • ssartjb
  • 12 Month Developer
  • 343 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 10 months 3 weeks ago by ssartjb. Reason: Correction of font name to Crimson
The administrator has disabled public write access.
I am not using the colourshift template's unique change with a span tag for the second word.
  • ssartjb's Avatar
  • ssartjb
  • 12 Month Developer
  • 343 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
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';
}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • ssartjb's Avatar
  • ssartjb
  • 12 Month Developer
  • 343 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 10 months 2 weeks ago by ssartjb. Reason: typo
The administrator has disabled public write access.
Yes try adding this

#mobile-logo h1, #mobile-logo h2, #mobile-logo h3, #mobile-logo h4 {font-family: "Great Vibes";}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers