Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 5, 2013 at 2:20 am #184583
    theworldawaits

    Hey there,

    I am trying to adjust some text on my site. It’s a simple enough task, but I can’t seem to figure it out within Enfold. Basically I have some text that I would like to be smaller than normal paragraph text.

    I created a class in the custom styling
    p.verse { font-size: 9px; }

    And in the text-box I called the class
    <p class="verse">This should be smaller</p>

    However, the text remains the same.

    I also noticed that Enfold has tooltip functionality. Is there a way to implement this within text? For example, if there is text that says “Genesis 1:1” it would show a box on rollover saying “In the beginning, God created the heavens and the earth.”.

    Thanks so much!

    Jason

    November 6, 2013 at 9:33 am #185095
    Dude

    Hey theworldawaits!

    Please try to add an important tag to your css code

    
p.verse { font-size: 9px !important; }

    There’s no general tooltip feature at the moment but you can use the “icon” shortcode which supports a tooltip Enfold v2.4.1. Another solution would be the html5 abbr tag: http://www.w3schools.com/tags/tag_abbr.asp which can be used for a small tooltip box.

    Best regards,
    Peter

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Text formatting’ is closed to new replies.