Centering Sela side-bar widgets

• 

  highweekvh · Member · Apr 15, 2015 at 10:30 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I was wondering if it is possible to centre the widgets in the sidebar (particularly the text widgets, Facebook and upcoming events).

  Text widgets are off centre on any device and the Facebook and upcoming events widgets are off centre when viewed on mobile devices.

  I’m using the Sela theme.

  The site I need help with is: http://highweekvillagehall.org

  Thanks for your time,
  Lucy

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

• 

  thesacredpath · Member · Apr 16, 2015 at 4:52 pm

  • Copy link

  The code for the Facebook widget comes from Facebook, and it is virtually impossible in most cases to change or restyle things in it. I tried a number of things and can’t get the content of the Facebook widget to center.

  To center the content in the Upcoming Events widget, add the following CSS.

  #upcoming_events_widget-3 {
      text-align: center;
  }

• 

  thesacredpath · Member · Apr 16, 2015 at 4:58 pm

  • Copy link

  Actually, I now see I may well have misunderstood. Add the following at the end of your custom CSS and it centers the text widgets within the #secondary div when the sidebar moves to below the content.

  @media screen and (max-width: 849px) {
  	#secondary .widget {
  		text-align: center !important;
  	}
  	#facebook-likebox-2 iframe {
  		margin-left: auto;
  		margin-right: auto;
  	}
  }

• 

  highweekvh · Member · Apr 19, 2015 at 9:35 pm

  • Copy link

  Thank you – worked perfectly! Much appreciated!

• 

  thesacredpath · Member · Apr 21, 2015 at 1:57 am

  • Copy link

  You are welcome.