Add Border Around Front Page Elements

Community Forums Forums Design Tips and Tricks Add Border Around Front Page Elements

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Geopology 1 year, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #77490



    I’m working with the Crystal theme. I would like to add a border around all of the front page widget elements like the Home-Right, Home-Middle, Home-bottom and footer areas.

    Once the border is added I would keep the enclosed area white and add a gray background behind it.
    The site that I am currently working on:

    To see an example of what I’m trying to do visit:

    Any help would be appreciated it!

    Sridhar Katakam

    Add the following in child theme’s style.css:

    body {
        background: #333 !important;
    #wrap {
        background: #fff;
        padding: 0 2em;



    Thank you!!! It worked perfectly!!



    I think there is another issue. I can see the border on the website on the computer that I am using with browser Firefox. However, I am unable to see the background on any other device (ie. Ipad, Android or other laptop).
    Is there something I’m missing? I used the code exactly as you posted it.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.