Chunk Theme Footer Facebook Widget

  • Author
  • #1348419

    Hi there,

    I just added the facebook widget to my footer and I don’t like where it is atm.
    I want it to be centered underneath the Video on the homepage, and nowhere else. Just can’t figure out how I get the footer content to the right…

    Thanks in advance!

    The blog I need help with is


    To help visualize what’s happening, I find it really helpful to add a quick border to several elements so I can see what’s happening with some of the block-level elements. To do that, try adding the following rule while you are previewing changes but take it out before you save:

    #widgets .widget_facebook_likebox {
    	border: 1px solid red;

    Once you can see what’s happening with the layout, you can add more rules to move things around.

    Here are some ideas to get you started.

    This is a centering technique: you center align a parent element and then you set the element you want centered to “inline-block” I also added “float:none” since the theme floats the widgets left and we wanted to avoid that when centering:

    #widgets .widget-area {
    	text-align: center;
    #widgets .widget-area .widget_facebook_likebox {
    	display: inline-block;
    	float: none;

    Now, if you added the red borders as shown in the example above, you’ll see that the widget is centered but it’s off to the left based on your other custom CSS rules. You could try adjusting the previous CSS so it doesn’t do that, or you could add some extra CSS to the widgets container like this:

    #widgets {
    	margin-right: -200px;
    	margin-left: 460px;

The topic ‘Chunk Theme Footer Facebook Widget’ is closed to new replies.