How can I make text stand out over images in ONTRApages? [closed]

Sometimes the image I use has a lot of color variation and it is hard to see all the text. I have tried changing from white text to black and like that, but it doesn't always work. Is there some way to make the text outlined or something?

edit retag flag offensive reopen merge delete

Closed for the following reason the question is answered, right answer was accepted by Frank
close date 2016-11-18 09:36:48.449892

1 answer

Sort by ยป oldest newest most voted

We have an active Feature Request to add a partially transparent background color selection to lighten or darken the area behind text at ONTRApages: Add Background Color and Transparency Levels to Text Areas. Vote for it!

In the meantime, if you are experienced with CSS or have a team member who is, you can set the div containing the text to have a semi-transparent background color using code like background-color: rgba(0,0,0,0.5) !important;.

You can discover the div for the text using the browser's "Inspect Element" function on a published ONTRApage. The "inspector" allows you to select the code lines to see which page element they control. You can then test CSS code like background-color: rgba(0,0,0,0.5) !important; to see how well it would work. This screen shot shows the process:

image description

When you have the right code you want to use for that page, return to the ONTRApages editor and click the Settings tab. Put the style declaration and background-color tag in the Custom Code > Custom Header Code section. The code to add background-color: rgba(0,0,0,0.5) !important; would look like this:

<style type="text/css"> .w { background-color: rgba(0,0,0,0.5) !important; } </style>

Remember to save the page in the ONTRApage editor, and then view the published page in your browser to see the effect.

edit flag offensive delete publish link more

Question Tools

1 follower


Asked: 2016-04-08 07:17:00 -0700

Seen: 43 times

Last updated: Apr 08 '16