Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 7, 2014 at 1:40 am #347489
    atrixdave

    Hi guys,

    I want to create a gray background with arounded corners on a page, with a margin of 15-20px on all sides, not sure how to do this. I tried using a Section ID with a color section for this but I can’t seem to do what I want. Take a look at the private image on this post and let me know what you think the best way to achieve this would be.

    Thanks! You guys are the best.

    Dave

    November 8, 2014 at 3:56 am #348056
    Ismael

    Hi atrixdave!

    Thank you for using Enfold.

    Use the boxed layout of the theme. Add a color section then apply an id on For Developers: Section ID field, use “gray-box” for example. Insert a 1/1 column layout with all the contents inside. Add this on Quick CSS or custom.css to apply the gray background:

    #gray-box {
padding: 50px;
}

#gray-box .container {
background: gray;
padding: 25px;
}

    Best regards,
    Ismael

    November 10, 2014 at 11:24 pm #349090
    atrixdave

    Awesome thank you Ismael!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Display floating gray background with rounded corners on page’ is closed to new replies.