What Is The Best Way To Acheive This?
Posted 03 November 2012 - 12:57 AM
As you can see, I have a short block of text near the bottom of the page with several links in it. I would like to make this text stand out more, and be clearly legible. The problem is, that I don't want to do this with font colours, bolding, etc, because I want to be able to change the image at random, and I don't want to have to deal with changing a bunch of other stuff as well.
Is there a way to overlay it against a solid-colour background that won't obscure too much of the image, or some other neat trick?
Posted 03 November 2012 - 01:38 AM
If you put the text into a contained section, like a text widget inside a footer sidebar etc, you'll be able to use css just to color that section like how you originally described :-) Hope that makes sense.
Posted 03 November 2012 - 07:52 PM
Then in your custom CSS, use a style for the .hometext and then for the .hometext h4 and .hometext h4 a elements. Widgets are fine, but I always try to hard-code the styles to give myself the most control.
Posted 04 November 2012 - 11:21 AM
I recommend you follow Radroz's suggestion and wrap this text in a <div> with a custom class. Then you can apply css to this area. You could give it a transparent background so that the text is visible more clearly.
Below is an example:
The you can apply custom CSS for this class, again below is an example: