Return to previous page

How can I centre a widget in a div (for my footer)?

This topic has 5 replies, 2 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

mariangio

Participant

September 20, 2023 at 04:49

Hi
I would need to align my menu footer (widget in the middle) to be centered or having padding to look like more centered.
How can I do that?
Thanks

#367932 Copied Theme version: 9.05 WooCommerce version: 7.6

4 Answers

mariangio

Participant

September 20, 2023 at 04:49

My website is

Please contact administrator
for this information.

#367933 Copied

Tony Rodriguez

Support staff

September 20, 2023 at 06:43

Hello, @mariangio,

We hope this message finds you well.

To adjust the padding for your footer, please follow these steps:

Navigate to Xstore, then proceed to Theme Options, followed by Footer, and finally Footer Styling.

You can adjust the settings according to your needs.

For your convenience, we have provided a screenshot to guide you through the process: https://postimg.cc/ZvTX2LXT

Same as for the Copyright section, Navigate to Xstore, then proceed to Theme Options, followed by Footer, and finally Copyright Styling.

Best Regards,
8Theme’s Team

#367946 Copied

mariangio

Participant

September 20, 2023 at 07:00

Thanks. Does that change the padding of the full footer, right?
I would like just to have the middle widget (2nd column) of the footer more towards the middle. How can I do that?

#367948 Copied
Tony Rodriguez

Support staff

September 20, 2023 at 09:23
Hello, @mariangio,

We acknowledge your query and confirm that the solution provided will indeed apply to the entire footer.

Should you wish to center the content of only the second column in the footer, we recommend copying and pasting the following CSS code into the designated path: Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. This should effectively resolve your issue:
```
@media(min-width: 992px){
.footer-widgets.col-md-4:nth-child(2) {
    justify-content: center !important;
    display: flex !important;
}
}
```
Upon successful implementation, the result should resemble the attached image: https://postimg.cc/xXj2LRty

Best Regards,
8Theme’s Team
#367970 Copied
Tagged: best selling themes, centre widget, footer customization, widget in div, woocommerce themes, wordpress guidance
Viewing 5 results - 1 through 5 (of 5 total)