LindseyMexico14 Posted February 18, 2022 Share Posted February 18, 2022 Site URL: https://amphibian-porcupine-6hk9.squarespace.com/interior-design-services-1 Hi! Website: https://amphibian-porcupine-6hk9.squarespace.com/interior-design-services-1 I am trying to change the font of the photo collage, here is the CSS I used, however it is also changing the font size & button size which I dont want to do. What code can I use for the buttons? Photo Collage Css for photo 1 #block-yui_3_17_2_1_1644973731428_100716 .image-card-wrapper * { font-size: 16px !important; } Photo Collage Css for photo 2 #block-yui_3_17_2_1_1645029683755_75017 .sqs-dynamic-text { font-size: 16px !important; } Thanks! Link to comment
tuanphan Posted February 21, 2022 Share Posted February 21, 2022 You mean change text size only? 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
LindseyMexico14 Posted February 23, 2022 Author Share Posted February 23, 2022 On 2/21/2022 at 6:01 AM, tuanphan said: You mean change text size only? Hi! Yes just the body text Link to comment
LindseyMexico14 Posted February 23, 2022 Author Share Posted February 23, 2022 On 2/21/2022 at 6:01 AM, tuanphan said: You mean change text size only? I cant seem to figure out how to leave the button how it was originally, the CSS code I used changes the body text and button text size Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 use this code div#block-yui_3_17_2_1_1644973731428_100716 .image-card>div:not(:last-child) * { font-size: 10px !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
freshlypressed Posted January 17 Share Posted January 17 And how can I resize the text in this "learn more" button for mobile only? I have been using this code: @media screen and (max-width:767px) { #block-yui_3_17_2_1_1566528255613_9552 .image-title-wrapper * { font-size: 20px !important; .image-button a {font-size: 20px !important;} } } This is the website: https://www.decordiva.ca/ Link to comment
tuanphan Posted January 19 Share Posted January 19 On 1/18/2023 at 1:25 AM, freshlypressed said: And how can I resize the text in this "learn more" button for mobile only? I have been using this code: @media screen and (max-width:767px) { #block-yui_3_17_2_1_1566528255613_9552 .image-title-wrapper * { font-size: 20px !important; .image-button a {font-size: 20px !important;} } } This is the website: https://www.decordiva.ca/ Use this CSS @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1566528255613_9552 a { font-size: 30px !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