Footer widget won’t center

  • Resolved malshafi

    (@malshafi)


    6 years, 4 months ago

    I have only one footer widget with social share icons. I’m trying to get everything in it to center, but everything remains aligned left.

    https://fitnesscurator.com

    I tried targeting every ID and class with custom CSS: 

    #ocean_social_share-2 {
	text-align: center;
}

.footer-widget {
	text-align: center;
}

#footer-widgets {
	text-align: center;
}

.widget-oceanwp-social-share {
	text-align: center;
}

.social-share clr {
	text-align: center;
}

    Surely I’m missing something very simple?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)

  • Hi Malshafi,

    You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:

    .owp-social-share li {
  float:  none;
  display: inline-block;
}

    Thanks!

    Theme Author oceanwp

    (@oceanwp)

    Hello, almost like @emranemranx said, add this css in the custom css section of the customizer:

    #footer .owp-social-share li {
    float: none;
    display: inline-block;
}
#footer-widgets .footer-box .widget-title {
    border: 0;
}
    Thread Starter malshafi

    (@malshafi)

    Thank you for your help. However, that did not do anything at all. Everything is still aligned left. Am I missing anything? 

    #footer .owp-social-share li {
    float: none;
    display: inline-block;
}
#footer-widgets .footer-box .widget-title {
    border: 0;
}

    Hi Malshafi,

    Please ensure to add the code at the top of all other codes.

    It’s also recommended testing for a plugin conflict by deactivating all the third party plugins on your site, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can specify which one by reactivating them one at a time.

    Thank you!

    Theme Author oceanwp

    (@oceanwp)

    Hello, add this code in plus:

    #footer {
    text-align: center;
}
#footer-widgets .footer-box .widget-title {
    padding: 0;
}
    Thread Starter malshafi

    (@malshafi)

    Emranemranx, this is the only custom CSS I have. I tried deactivating all my plugins. It still doesn’t work. It has to be something else in the theme overriding my CSS.

    Oceanwp, what you mean add it in plus? That’s the code I added and it still doesn’t work.

    Here is an image what it currently looks like:

    https://imgur.com/AN2LFWl

    Thanks guys. I appreciate any help.

    Theme Author oceanwp

    (@oceanwp)

    Hello, no, it is not the sdaem code ??

    Remove completely the code I gave you and add this one:

    #footer {
    text-align: center;
}
#footer .owp-social-share li {
    float: none;
    display: inline-block;
}
#footer-widgets .footer-box .widget-title {
    border: 0;
    padding: 0;
}
    Thread Starter malshafi

    (@malshafi)

    Thank you. It seems to work now. Thank you for your help.

    Theme Author oceanwp

    (@oceanwp)

    You’re welcome ??

    This is very helpful. Thanks @oceanwp

    Theme Author oceanwp

    (@oceanwp)

    You are most welcome ??

    Hi OceanWP,
    https://s283533065.onlinehome.us/ This is my clients site. I want to center the footer at my bottom and keep it one line. How can this be done? Simple. Thanks!

    • This reply was modified 6 years, 1 month ago by astephmusic.
    Theme Author oceanwp

    (@oceanwp)

    Hello, the footer text is already centered, what do you want to do?

    Yeah sorry you helped me in another support forum with that.

    Theme Author oceanwp

    (@oceanwp)

    Ah okay ??

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Footer widget won’t center’ is closed to new replies.