LindseyMexico14 Posted February 18, 2022 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!
tuanphan Posted February 21, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
LindseyMexico14 Posted February 23, 2022 Author 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
LindseyMexico14 Posted February 23, 2022 Author 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
tuanphan Posted February 27, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
freshlypressed Posted January 17, 2023 Posted January 17, 2023 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/
tuanphan Posted January 19, 2023 Posted January 19, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment