ochapman Posted June 10, 2022 Share Posted June 10, 2022 (edited) Site URL: http://seadragon-helicon-5d72.squarespace.com/ I like how this section with background image appears on desktop but need its dimensions to look similair within the mobile view too, i also would like to align the button to where the bottom of the black text sits in the image on mobile as well any help would be amazing thank you!! Edited June 10, 2022 by ochapman wrong URL Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 Hi. What is password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ochapman Posted June 16, 2022 Author Share Posted June 16, 2022 Sorry i didnt see this, its 'post123' Link to comment
ochapman Posted June 16, 2022 Author Share Posted June 16, 2022 okay i figured out the height issues but id just like to make this button smaller and position it between the bottom of the text on the image and the bottom of the section Link to comment
tuanphan Posted June 16, 2022 Share Posted June 16, 2022 Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1654855279352_3901 { position: absolute; left: 50%; transform: translateX(-50%); width: 90%; top: 30px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ochapman Posted June 16, 2022 Author Share Posted June 16, 2022 Thank you so much, how would i make the font size smaller within the button? Link to comment
tuanphan Posted June 17, 2022 Share Posted June 17, 2022 9 hours ago, ochapman said: Thank you so much, how would i make the font size smaller within the button? Use this new code @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1654855279352_3901 { position: absolute; left: 50%; transform: translateX(-50%); width: 90%; top: 30px; } div#block-yui_3_17_2_1_1654855279352_3901 * { font-size: 12px !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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