Hello @kre00,
Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
body.single-post.content-max-width .entry-content .alignfull,
body.page.content-max-width .entry .alignfull {
margin-left: auto;
}
I hope that helps
Best Regards
Thread Starter
kre00
(@kre00)
Hi, thanks for the reply. This has helped, but not got it back to how it was before.
The homepage background image previously spanned full width but now has padding both sides (http://studioeyre.com/), and the about and services pages (http://studioeyre.com/services/, http://studioeyre.com/about/ are still a bit off-centre – to the right now
Do you have any suggestions on what is happening here?
Thanks
Hello @kre00,
It seems you’ve used many CSS on your website that influenced your website. We need to know the steps to replicate. Can you please share some screenshots or a short video from the pages and customizer > custom CSS?
You can upload your files to one of the following online services:
https://postimages.org
https://imgbb.com
https://www.loom.com
https://drive.google.com
You can use the CSS below to solved that issues, but that issue are not from the theme(I fully examined the issue you have raised on this topic and could not see it on my end.):
@media(min-width: 1200px) {
/* Background Image */
#wp-block-themeisle-blocks-advanced-columns-a241f2a5>.wp-block-themeisle-blocks-advanced-columns-overlay {
width: 180%;
margin: auto -40%;
}
#wp-block-themeisle-blocks-advanced-columns-546fa8db .innerblocks-wrap {
max-width: 1230px;
}
}
For troubleshooting, please do the following steps and let me know the results:
Part A: Remove Custom CSS:
If you have any custom CSS on your website, please remove them and recheck the issue.
For example, all issues were solved when I removed those CSS from the site:
https://i.postimg.cc/8cLmv83M/image.png
https://i.postimg.cc/GhWVyr5g/image.png.
Part B: Plugins:
1- Head over to WP Dashboard > Plugin.
2- Deactivate all plugins.
3- Then, first activate the Ocean Extra plugin.
4- Check your issue.
5- Then, activate your plugins one by one
6- After activation of any plugins, check your issue
______
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/
Best Regards
