Text & Images Misaligned in Full Width vs Sidebar or 100% Full Width

Versions:
WP: 4.9.5
Theme: OceanWP 1.5.12

I’m running a test site before I fully implement the theme on my own site. However, because it involves three settings, I’ll also include links to screen shots for comparison.

The Problem

I noticed that images and text were misaligned when I used “Full Width” versus “100% Full Width” or “Right Sidebar” (the default). I made the change via Customizer > Blog > Single Post > Layout. Everything else is out of the box default; the layout is the only thing I changed.

Here are the four issues I noticed:

• UL and OL no longer indented – they are flush left
• Regular text seems indented – it seems padding is added or something, but it looks moved inward
• OL, UL, and Blockquotes left of regular text – the lists are furthest left, the blockquotes a little less left.
• Images not constrained by container – to my understanding, “Full Width” sets the content to the full width of the container whereas “100% Full Width” set the content to the full width of the view screen, yet the image in the former does not seem limited to the container like the other content is.

Steps to Resolve

I first noticed this using my child theme, which I created using Child Theme Configurator. However, the same problems happened both on the child and parent themes. So I concluded it’s not the child theme.

I next checked the plugins, but I’m running a minimum:

1. Child Theme Configurator
2. Elementor
3. Elementor Addons & Templates – Sizzify Lite
4. Ocean Custom Sidebar
5. Ocean Extra
6. WooCommerce
7. WooCommerce Services
8. WordPress Importer

Disabling them didn’t make any difference. Thus, I concluded that the problem is in the coding of the theme.

I then tried disabling all customizations I made via Customize. The simplest way to do this was switching to the parent theme. However, the problem persisted. The only time this problem arises is when I switch to “Full Width.”

At this point I’m open to ideas. I’d rather not to write corrective CSS to fix these problems myself since it seems it’s theme-based.

Screen Shots
Right Sidebar (default)
100% Full Width
Full Width
Full Width w/ Notes

• This topic was modified 6 years, 10 months ago by jrothra. Reason: Added styling for clarity
• This topic was modified 6 years, 10 months ago by jrothra. Reason: Spelling correction
• This topic was modified 6 years, 10 months ago by jrothra. Reason: Typo correction

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