I noticed that the page title (entry-title) is aligned flushed to the edge of the main container (site-content), which works fine when you have a single column of text inside the WP editor.
If I use a plugin with CSS grid capabilities, such as “Lightweight Grid Columns” or “Elementor”, the grid content gets pushed in by the grid gutters (usually about 10px on each side). Because of this, the page content (inside the grid) is about 10px more inset than the page title.
Some less than ideal options I’ve found to remedy this are the following:
- Removing the page title on a page by page basis using the theme option you guys provide, and re-adding it manually within the grid.
- Manually adding the needed padding to the page-title via custom CSS
The second option requires less work, but I thought I’d check here to see if there was some other way I was missing, if this has come up before, or if it was intentional.
At first, I figured it wasn’t 100% compatible with the Elementor grid, but after trying your own Lightweight Grid (which uses the same grid), I realized it didn’t really matter which grid I used.
Any insight on this would be greatly appreciated. Thanks!