Footer Seperator Line
-
I am using OceanWP theme. The footer separator line is taking the whole width of the column. How do I make the separator line shorter and aligned to the center?
The page I need help with: [log in to see the link]
-
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 RegardsThank 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 4 months, 1 week 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 -
This reply was modified 4 months, 1 week ago by
- You must be logged in to reply to this topic.