Font Changes Back when Using BulletPoints

  • Resolved EWF

    (@eatwellfit)


    11 years, 9 months ago

    Hi,

    Easy Google Font works great except when I go into my dashboard and write a blog piece, if I want to use bulletpoints the font changes from the google fonts to the orginal genesis default font on my website.

    Can anyone help with this?

    I tried changing it and I don’t know CSS well, I’m new to wordpress, so any help or insight would be awesome!

    Thanks!

    https://wordpress.org/plugins/easy-google-fonts/

Viewing 9 replies - 1 through 9 (of 9 total)
  • giselleaz

    (@giselleaz)

    11 years, 8 months ago

    I’m having the same problem with a client’s site. https://buckaroobuckeye.com/super-size-childs-reading-skills/

    I added the ul, ol, and il in the CSS selectors and the site background is showing where there’s a bullet point.

    Also, the main dashboard menu is now in the background color with white text and hard to read.

    I’m lost.

    Plugin Author Sunny Johal

    (@sunny_johal)

    11 years, 8 months ago

    Hi giselleaz,
    Try using #content ul, #content ol as the CSS selectors for your font control and let me know how you get on. Thanks

    Sunny

    giselleaz

    (@giselleaz)

    11 years, 8 months ago

    That worked! Thanks, Sunny!

    Plugin Author Sunny Johal

    (@sunny_johal)

    11 years, 8 months ago

    Glad I could help giselleaz. I was wondering if you could leave a review for this plugin when you get a moment. Thanks

    Sunny

    Jewoes

    (@jewoes)

    11 years, 3 months ago

    Hi,

    When I insert bullet points, the font and color of the text after it changes (see: http://localdreamers.nl/projecten-voor-vrijwilligers-en-stagiairs-zuid-amerika/).

    I suppose it has to do with the css. I tried some changes but I’m just a beginner at WordPress and it’s not working:(

    Here is a copy of some of the code:

    • <span style=”color: #800000;”>Engelse school</span> – Quito
    • <span style=”color: #800000;”>Voetbalschool</span> – Quito
    • <span style=”color: #800000;”>Talentschool</span> – Quito

      • Please help me out. Tnx! Jesse

    Plugin Author Sunny Johal

    (@sunny_johal)

    11 years, 3 months ago

    Hi Jesse,
    The HTML code that you have posted are wrapped in span tags that’s the reason why you are having trouble. If you create bullet points in the visual editor and remove any span tags you will be able to target them using the plugin. Hope that helps

    Cheers

    Sunny

    Jewoes

    (@jewoes)

    11 years, 3 months ago

    Hi Sunny,

    Tnx for your quick reaction. I deleted the span tags but it’s still not working. Check this page for another example: http://localdreamers.nl/example/

    The text after the bullet point is now only between

    ul &
    li tags:

    <ul>
	<li>font changes</li>
	<li>font changes</li>
	<li>font changes</li>
	<li>font changes</li>
	<li>font changes</li>
</ul>

    However the font and color are different from the rest of the text.

    What to do now? Hope you can help.

    Tnx!
    Jesse

    Plugin Author Sunny Johal

    (@sunny_johal)

    11 years, 3 months ago

    Hi Jesse,
    Just create a google font control with the following selectors:
    #main-col ul, #main-col ol

    Let me know how you get on. Cheers

    Sunny

    Jewoes

    (@jewoes)

    11 years, 3 months ago

    Thanks Sunny, that worked! Sorry for my late response.

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

The topic ‘Font Changes Back when Using BulletPoints’ is closed to new replies.