Chunk Theme Footer Facebook Widget

  • wearesisyphos · Member ·

    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!
    Klara

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

  • designsimply · Member ·

    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:

    #contents,
#widgets,
#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.