Help with border or background around content

  • 1
  • Question
  • Updated 7 years ago
  • Answered
My content on my home page looks like its floating in the middle of nowhere on www.itfgaming.com how do I make backgrounds for each section Eg: Featured articles and featured links, featured reviews so the text and pics dont look like they are floating in the middle on nowhere??? I use the text widget to post everthing, but as I said the home page looks untidy as everything is floating. Even if I could give each content section a border that would be great.
Photo of Darryl Kevin Linington

Darryl Kevin Linington

  • 25 Posts
  • 1 Reply Like
  • really frustrated

Posted 7 years ago

  • 1
Photo of Darryl Kevin Linington

Darryl Kevin Linington

  • 25 Posts
  • 1 Reply Like
Please the most simple explanations will be great.
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi
For borders position the cursor in the relevant widget, click HTML in the toolbar and use this code without the <!--- and --->

<!---
<div style="border: 1px solid #000000;">Your text here</div><br><br>
--->

or if you would like rounded corners

<!---
<div style="border: 2px solid #000000; border-radius: 10px 10px 10px 10px;">Your text here</div><br><br>
--->

Just enter your text in 'Your text here' and alter the px and # values to suit your site
Photo of Darryl Kevin Linington

Darryl Kevin Linington

  • 25 Posts
  • 1 Reply Like
Will give it a go now
Photo of Darryl Kevin Linington

Darryl Kevin Linington

  • 25 Posts
  • 1 Reply Like
Works perfectly thanks dude how would I change the border colour to white?
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Hi Darryl Kevin Linington,

To change the colour to white, all you have to do is change the hexadecimal colour value from #000000 to #FFFFFF.

I hope this helps.
Photo of ottox232

ottox232

  • 17 Posts
  • 0 Reply Likes
Hello Darryl Kevin Linington,
Want to share a couple of ideas. I like to consult a chart when choosing the hex color codes. If you ever need to find code for a color, you can search "hex color chart", and a number of good hits will appear, such as this one. There is also software available that lets gives you the code for each color that you cursor hovers over in an image. A search of "hex color detector" brings up a lot of options. Just make sure the sites offering the software are reputable.
Hope this helps,
-Nate