Span Class

  • Resolved spectralafternoon

    (@spectralafternoon)


    10 years, 8 months ago

    Hi

    Not sure what i’m doing wrong here, http://spectr.al but i’m having no luck changing the fonts in customise > typography > theme typography, i can choose for example ‘Quote Body / .quotebody’ but none of the changes seam to work ?

    ‘<span class=”.quotebody”>“It is the destiny of the weak to be devoured by the strong.”</span>
    <span class=”.quoteby”>― Otto von Bismarck</span>’

    Thanks in advance

    Nigel

    https://ww.wp.xz.cn/plugins/easy-google-fonts/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter spectralafternoon

    (@spectralafternoon)

    10 years, 8 months ago

    I have some screen grabs showing how i’ve set up the ‘Manage font control’ if that helps

    Plugin Author Sunny Johal

    (@sunny_johal)

    10 years, 8 months ago

    Hi Nigel,
    The issue is occurring because of the class name you are using. The html class name attribute is not allowed to have a . in it. So in your example the code should be:

    <span class="quotebody">It is the destiny of the weak to be devoured by the strong.</span>

    <span class="quoteby">― Otto von Bismarck</span>

    and the respective selectors for your css controls would be:
    .quotebody
    .quoteby

    Generally speaking in order to get the best out of this plugin you would need to know your theme’s css selectors, I use google developer tools inspect element (right click the element in chrome and click inspect element) feature to quickly find this. Cheers

    Sunny

    Thread Starter spectralafternoon

    (@spectralafternoon)

    10 years, 8 months ago

    Thank you so much Sunny, works a treat 🙂

    Plugin Author Sunny Johal

    (@sunny_johal)

    10 years, 8 months ago

    Hi Nigel,
    Glad I could help. I was wondering if you could rate this plugin when you get a moment that would be great. Cheers

    Sunny

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Span Class’ is closed to new replies.