Remove side bar vertical line

webworks
(@webworks)

11 months, 1 week ago

I’ve searched for answer here, but I still am unable to find “general settings”. This area doesn’t seem to exist in my version, and it’s up to date:

Customizer > General Options > General Settings > Layout

Alternatively, When I change the individual page setting to 100% full width, I lose my container width setting. So I’d prefer to change the customize settings.

I do have oceanwp plugin “extras” installed. Do I have the wrong one installed? Can you provide css to remove that faint line? None of my attempts are working ;(

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Shahin
(@skalanter)

11 months, 1 week ago

Hello @webworks,

Thank you for reaching out,

That’s correct, Ocean Extra plugin is required for those settings.

Please continue and follow these articles to manage the container and page width on your website:
1. General settings: https://docs.oceanwp.org/article/898-customizer-site-style-settings
2. Per-page settings (for specific pages): https://docs.oceanwp.org/category/826-oceanwp-settings

Please recheck your issue and keep us posted.

I hope it helps,
Best Regards

Thread Starter webworks
(@webworks)

11 months, 1 week ago

I did try selecting one of the layouts – but everything expanded and I seemed to have lost the formatting I’d already completed. As I have time, I’ll investigate further. I thought you might have some quick css to remove it, such that nothing else changes.

I’m sure I can select a layout and have it perfect – I just lack the time for more time LOL
Shahin
(@skalanter)

11 months, 1 week ago
Hi @webworks,

Thank you for the feedback.
Custom CSS is also possible, but we have some options for it to make it easier: https://docs.oceanwp.org/article/898-customizer-site-style-settings#Content-Settings-section-3iDmK.

If you are looking for a custom CSS, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:
```
#wrap .container {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
```
Also, you can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/

Hope it helps,
Best Regards
Thread Starter webworks
(@webworks)

10 months, 3 weeks ago

I have added the css as well as adjusting the settings in the layout section as instructed.

I still can’t get rid of that vertical bar – LOL it’s driving me nuts. Do you see what I’m missing here? The client can only change what’s in the iframe, so it’s not someone else

https://invictusstrategysolutions.com/careers/

Shahin
(@skalanter)

10 months, 3 weeks ago

Hello @webworks,

Thank you for the update,

Do you mean the white line on the right side or the iframe scrollbar? On this page, I see you have selected a layout with a sidebar and also have an iframe

Check either the global settings for the entire site: https://docs.oceanwp.org/article/899-customizer-pages-special-pages
or the settings below the page only for this page: https://docs.oceanwp.org/article/828-general-main-oceanwp-settings
Make sure it is set to wide or full-width.
After making changes, clear the cache completely.

That white line is actually a border separating the sidebar from the content. The standard way is to remove the sidebar as mentioned above. However, if you want to remove that border, you can go to: Customizer > Colors and set the border color to transparent or another color: https://ibb.co/DSsZD1S | https://docs.oceanwp.org/article/897-customizer-colors.

Note: The scrollbar in the iframe section is due to low height and cannot be controlled in the current website.

Hope it helps,
Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Remove side bar vertical line’ is closed to new replies.