Footer adjustments

Hello, I need to adjust my footer top padding. The footer is currently made by 1 column in HTML block and the other 4 with menu in widgets.
I want to add more padding for all the 5 columns on top, and some extra just for the 3 columns with widget menus.

Please refer to the screenshot attached.

Sorry I forgot to attach screenshots.

Attachments:

You must be logged in to view attached files.

Also, still related to the footer, column 5.

“Blog” is one of the labels included in the menu, not sure why it shows with a different typography compared to the others. I really have no idea

Attachments:

You must be logged in to view attached files.

Hello,

01. Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.footer-sidebar {
    padding-block: 70px!important
}
.footer-sidebar #nav_menu-16, #nav_menu-17 {
    padding-top: 10px;
}
.footer-column.footer-column-5.wd-grid-col {
        padding-top: 10px;
}

02. You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Thanks guys you are amazing!!!
Sorry for being so ignorant, just the recent posts column is not getting the change. any other piece of code i need to add? Please check the screenshot attached. Also, the typography issue got solved by itself, maybe was a weird cache issue

Attachments:

You must be logged in to view attached files.

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.wd-widget.widget.footer-widget.woodmart-recent-posts {
    padding-top: 40px !important;
}

Best Regards

Amazing!!
thank you all good!!!

sorry, how to avoid this extra spacing in the responsive view (mobile)?

Hello,

To resolve the extra spacing issue in the responsive view (mobile), please remove the custom CSS I provided from the global area and apply it specifically for the desktop view only.

Best Regards

hello, thank you! I’m sorry, I really don’t know, how do i apply that for desktop only?

Hello,

Please move your Custom CSS to the Desktop CSS section instead of the Global CSS section. Navigate to Theme Settings > Custom CSS > Desktop CSS.

See the Screenshot for a better understanding:
https://ibb.co/p34h9ZN

Best Regards

perfect!!! thank you :))))

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts