-
Posts
-
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
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
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
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.
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
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
- The topic ‘Highlight or marker or flat button’ is closed to new replies.