jackiemuscat Posted July 9, 2023 Share Posted July 9, 2023 Can anyone give me the code which will make this google doc show up centred and readable on both mobile on desktop? Ignore the design of the page for now as I'm just testing this out! https://www.jackiemuscat.com/ad-grapevine Block ID #block-yui_3_17_2_1_1688916966314_3423 I found this code from a previous thread and I changed the width to 100% and that works but it was left aligned. @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1664290343213_3729 iframe { width: 50%; left: 50%; transform: translateX(-50%); height: 3800px; } } Link to comment
tuanphan Posted July 11, 2023 Share Posted July 11, 2023 Don't remove any code in your current code Add this to Design > Custom CSS /* Center Google Docs */ .fe-block.fe-block-yui_3_17_2_1_1688916966314_3423 { grid-column-end: 22 !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment