Jump to content

- - - - -

What Is The Best Way To Acheive This?

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 tirediron



  • Members
  • 14 posts

Posted 03 November 2012 - 12:57 AM

What will be [hopefully] the final question relating to the configuration of the home page of my new 'site:


Please Login or Register to see this Hidden Content


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?

#2 James B†

James B


  • DMS Subscriber†
  • 5126 posts

Posted 03 November 2012 - 01:38 AM

Hi there, yes you could by using css. However, looking inside your page that content is attached to the main content which will color the entire background of that area, so you'll lose most of the bg on the page.

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.

#3 radroz†


    Super Member

  • DMS Subscriber†
  • 208 posts

Posted 03 November 2012 - 07:52 PM

Try creating a CSS-styled <div> tag. The way it's set right now, it's pushed down by several line breaks. Delete those, and create a tag... something like <div class="hometext"><h4>blah blah blah</h4></div>

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.

#4 Danny


    Is Awesome!

  • Moderators
  • 19779 posts

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:

Please Login or Register to see this Hidden Content

The you can apply custom CSS for this class, again below is an example:

Please Login or Register to see this Hidden Content