Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #184583

    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

    #185095

    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

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