.wp-container-14.wp-block-columns {
max-width: 1024px;
margin: 0 auto;
}
To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.
Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.
Hi Steve! Thanks I’ll have a go with that later 🙂
Hi Steve, I am literally a complete noob to the code editor. I have input what you posted into the code editor but its not done anything. Please give a brief step by step instruction if possible, as I have never done code editing on WordPress before (just used the visual editor). I appreciate the free and open help btw. I’m sure you will be richly rewarded in terms of karma.
Did you paste in CSS at [site]/wp-admin/customize.php ? I don’t see the code on your site.
Wow, excellent. I went to ‘Customize’ and the ‘Add CSS’ option was there, code in and boom, exactly aligned how I wanted it to be. Kudos to you sir! Karma on its way to you.
Now there is one more niggle I’m having. The large JPEG banner on my homepage nicely sizes accordingly with the mobile browsing experience.
The issue though is that even if it physically reduces the mobile JPEG size when browsing with mobile, its byte size is still the same as the original larger desktop byte size. Therefore, Google Console basically reads it as ‘you have a massive Largest Contentful Paint, that takes 4 seconds to load up on a 3G network with that ridiculously gigantic 1024×232 image size!’
Is there a way to customize the image size so that it still looks huge on desktop like it already does, but reduces its byte size when being viewed on mobile? Thanks 🙂
Please contact the developers of your theme as that logo is sized and managed by the theme.
I use the default WordPress twentytwenty theme. Cheers Steve
. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
