Footer Seperator Line

Hello @rollyferolino,

Thank you for reaching out,

The line you referred to is not an option that OceanWP provided.
You have added a Gutenberg block there, so you can check the block settings to see if it has any options to achieve it: https://postimg.cc/B8rHHxWK.

Also, you can create a 3-column section and put the wide line in the middle column.

I hope it helps.
Best Regards

Thank you for the quick reply. However, I notices that when I go to the blog page, the footer section looks correct. So what’s going on on the Home page?

https://naturalremedies2go.com/6-2/

• This reply was modified 10 months, 2 weeks ago by rollyferolino.

Hello @rollyferolino,

Thank you for reaching out,

It seems on this page: https://naturalremedies2go.com/ you have some blocks that affect that line. But here: https://naturalremedies2go.com/6-2/. Those blocks are not here, so the line shows correctly.

To solve it, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

#footer-inner .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100px !important;
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope that helps.
Best Regards