Adjusting width of widget (First Front Page Sidebar)

• 

  aamattressandfurniture · Member · Dec 22, 2014 at 4:49 pm

  • Copy link
  • Add topic to favorites

  Hello! I’m looking to have the First Front Page Sidebar Widget area stretch across the entire bottom of my site. Currently I have a text widget in there. I am using the Motif theme and have tried using:

  .sidebar-widget-area .widget {
       width: 100%;
  }

  However, this did not work. Any help you can give would be greatly appreciated! The site I need help with is: http://aamattressandfurniture.com/

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

• 

  thesacredpath · Member · Dec 22, 2014 at 10:03 pm

  • Copy link

  Hi there, you currently have widgets in the second and third footer widget area. You will need to remove those and not use the second and third. Then add the following to widen the first widget area to 100%.

  .first.footer-widgets {
      width: 100%;
  }

  If you keep the contact info widget there, it will still show only to the left. If you wish to center that information, add the following also.

  .widget_contact_info {
      text-align: center;
  }