Jump to content


Photo
- - - - -
Open

What Is The Best Way To Acheive This?



  • Please log in to reply
3 replies to this topic

#1 tirediron

tirediron

    Member

  • Members
  • 14 posts
  • Country: Country Flag

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

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

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

radroz

    Super Member

  • Members

  • 207 posts
  • LocationClarksville, TN
  • Country: Country Flag

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

Danny

    Is Awesome!

  • Moderators
  • 15242 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 04 November 2012 - 11:21 AM

Hi,

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