Need Help To Center Twenty Fourteen Footer Widget

  • Waldoctg

    (@waldoctg)


    9 years, 9 months ago

    On my website Learn How To DJ For Free
    , the footer widget is off to the right.

    I tried this but no dice.

    .footer-sidebar {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

    I’ve been looking and looking through the forums, but nothing is working.

    Can someone please help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    9 years, 9 months ago

    Are you using a child theme or a custom CSS plugin?

    Thread Starter Waldoctg

    (@waldoctg)

    9 years, 9 months ago

    Sorry, yes child theme.

    Thread Starter Waldoctg

    (@waldoctg)

    9 years, 9 months ago

    UPDATE: I fixed it.

    Changed this:

    @media screen and (min-width: 1008px) {
.footer-sidebar .widget {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	padding: 0 30px;
	width: 25%;
}

    To this:

    @media screen and (min-width: 1008px) {
.footer-sidebar .widget {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	padding: 0 30px;
	width: 100%;
	text-align: center;
}

    The main culprits were these two:

    width: 100%;
text-align: center; //Only need this if you have text with your footer.  Otherwise the width:100% will do just fine.

    Jane Milburn

    (@jane-milburn)

    9 years, 9 months ago

    Thank you so so much Waldoctg. Your code worked perfectly for me. I am using a child theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Need Help To Center Twenty Fourteen Footer Widget’ is closed to new replies.