[Resolved] Placing a line around widgets

Home Forums Support [Resolved] Placing a line around widgets

Home Forums Support Placing a line around widgets

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #674611
    Cristo Rey

    I got a great answer from Tom previously as to how to put a line around each footer widget on my site. The code he gave me is this:

    .site-footer .footer-widgets-container .inner-padding {
    padding: 20px;
    margin: 20px;
    border: 1px solid #000;
    }

    I liked it and want to add the lines around my sidebar widgets. I assume just some small change to the above code, but not sure what.

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #674764
    Leo
    Staff
    Customer Support

    Hi there,

    Try this:

    .site-footer .footer-widgets-container .inner-padding, 
    .sidebar .inner-padding {
        padding: 20px;
        margin: 20px;
        border: 1px solid #000;
    }
    #674771
    Cristo Rey

    I already have the lines around the footer widgets….I want lines around the right sidebar widgets. So is that really what I should use? Delete the css I have now and use what you gave me? Just don’t want to mess it up.

    #674778
    Cristo Rey

    Thanks for your efforts Leo….it worked out, but then I decided I didn’t like the way it looked so decided not to use the lines on the sidebar…just the footer.

    #674779
    Leo
    Staff
    Customer Support

    Yup only my CSS would be good.

    The only difference is that I added the second line.

    Let me know ๐Ÿ™‚

    #674780
    Leo
    Staff
    Customer Support

    Ok no problem ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.