Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #27978

    Hello,

    I am trying to figure out the best way to highlight text. I have tried using the button shortcode and adding the text (a telephone number) to the button but of course the theme then adds a click element to it. So, what I want to do ideally is to highlight the text instead (almost like it is on a flat button style) – any ideas?

    Thanks

    Andrew

    #136035

    Hi,

    Can you give us a link to the page with the text that you want to get highlighted? Also, please add a screenshot of what you are trying to do.

    Regards,

    Ismael

    #136036

    Hello,

    I can’t give you a link at the moment.

    It’s no text in particular but lets say for example purposes it is a telephone number. Rather than just add the telephone number and change the color of the text some text would look better it on a colored background, similar to a button – just makes it stand out more. As advised, I can add it as a button but then it appears as a link.

    Thanks

    Andrew

    #136037

    Just to add to the above – for example like the text in a layer slider where you can select the text background color. Having that on a page would make the text stand out.

    #136038

    Hi awilson3rd,

    You would need to wrap the text in a custom class in that case. See: http://www.w3schools.com/css/css_id_class.asp

    Once you have the class defined you can then wrap the text in it from the text tab when editing. Eg:

    <div class="custom-highlight-effect">This is my text</div>

    Regards,

    Devin

    #136039

    Thanks Devin

    Andrew

    #136040

    I am not great when it comes to CSS but if anyone else reads this and needs to add a color block behind text here is the code I created for the custom css as advised by Devin

    .highlighttext40 {padding: 15px 10px 10px 10px; background-color: #d16630; line-height: 1.0; display:inline;!important!

    }

    Then apply this in a div class.

    Andrew

    #136041

    Glad you found a good solution :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Highlight or marker or flat button’ is closed to new replies.