Adding boxes to sidebar

• 

  janetcatherina · Member · Dec 20, 2016 at 8:06 pm

  • Copy link
  • Add topic to favorites

  Hi, I want the widgets on my sidebars to appear in separate boxes (that I can add borders/shadows to). I tried using “.widget” to edit the css but whatever changes I’m making affects the entire widget area (whole sidebar). Please help!

  Also let me know if it’s possible to make the sidebar wider using css.

  The blog I need help with is: (visible only to logged in users)

• 

  eallas · Member · Dec 20, 2016 at 9:10 pm

  • Copy link

  Hey janetcatherina!

  I’m going to assume that the widgets you’re attempting to work on are the Facebook and the Youtube parts a little bit down the page. If so, you’ll need to specify the specific widgets rather than the whole widget area. I attempted to do it and I believe this code should do the trick.

  .fb_iframe_widget {
      display: inline-block;
      position: relative;
      box-shadow: 10px 10px;
  }

  Let me know if this helps!

• 

  janetcatherina · Member · Dec 22, 2016 at 5:18 pm

  • Copy link

  Hi eallas,

  This works like a charm! Thank you :)

• 

  eallas · Member · Dec 22, 2016 at 5:28 pm

  • Copy link

  You’re welcome! Enjoy your day and happy Holidays!