HTML Block on a single column footer

Hi there,

some weeks ago you suggested me to use a HTML Block inside a single column footer to make the footer “full width”. I’ve just done, but I need some tips to solve some issues. Please take a look to the screenshot. I would like to:

1. Color the title like “ACQUISTA ONLINE” in white
2. Reduce the inline distance between the “extra list” items
3. Delete the line that appears automatically under the title inside the footer

Thanks a lot.

Hello,

You can configure the title in the Advanced Typography https://xtemos.com/docs/basel/advanced-typography-settings-2/

Add this code:

body .widget li, .woodmart-widget li {
    margin-bottom: 15px;
}

Reduce this margin as per your needs.

Please provide the screenshot of the line, I do not see it in the footer.

Best Regards

body .widget li, .woodmart-widget li {
    margin-bottom: 15px;
}

Unfortunately this code do not works. Please could you check the URL?

The line that you asked for is on the previous screenshot. I highlighted it with a circle.

Hello,

Please try this code:

.footer-container ul li {
    margin-bottom: 0!important;
}

What line do you want to remove, provide the screenshot?

Best Regards

Now it works great. Thanks a lot! Here it is the screenshot of the line. I highlighted it with a circle.

Hello,

Please add this code to the Theme Settings > Custom CSS:

body .footer-container.color-scheme-light .title {
    border-color: rgba(255,255,255,.0);
}

Best Regards

That’s great! Is it possible to delete also that empty line? Please take a look into the circle.

Hello,

It is not possible to remove with CSS as this element is <p> If I remove it all other text would also disappear. Please provide your site admin access I will check how to remove it from HTML.

Best Regards

Thank you. I fixed it.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts