dezinrDi Posted November 24, 2020 Share Posted November 24, 2020 Site URL: http://dianacordarographic.design Like everyone else, I have copy/pasted the codes provided and it does nothing to reduce the logo in the footer. I don't understand why it's not working? Is there another way besides Design-Custom CSS to add code changes? Link to comment
Beyondspace Posted November 25, 2020 Share Posted November 25, 2020 5 hours ago, dezinrDi said: Site URL: http://dianacordarographic.design Like everyone else, I have copy/pasted the codes provided and it does nothing to reduce the logo in the footer. I don't understand why it's not working? Is there another way besides Design-Custom CSS to add code changes? which custom css you used BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
dezinrDi Posted November 25, 2020 Author Share Posted November 25, 2020 @media screen and (max-width:767px) { div#page-section-5ebf1213dfce295700786cb8>.row>.span-3 { width: 30% !important; } }@media screen and (max-width:640px) { div#block-yui_3_17_2_1_1603837109718_13061 img { width: 30% !important; height: auto !important; transform: translateX(-50%); left: 50% !important; } div#block-yui_3_17_2_1_1603837109718_13061.image-block-wrapper { padding-bottom: 50% !important; } } Link to comment
dezinrDi Posted November 25, 2020 Author Share Posted November 25, 2020 And this one. @media screen and (max-width:767px) { div#page-section-5ebf1213dfce295700786cb8>.row>.span-3 { width: 30% !important; } }@media screen and (max-width:640px) { div#block-yui_3_17_2_1_1603837109718_13061 img { width: 30% !important; height: auto !important; transform: translateX(-50%); left: 50% !important; } div#block-yui_3_17_2_1_1603837109718_13061.image-block-wrapper { padding-bottom: 50% !important; } } Link to comment
dezinrDi Posted November 25, 2020 Author Share Posted November 25, 2020 Sorry pasted the wrong second code, this one: @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1581102763124_24811 img { width: 30% !important; height: auto !important; transform: translateX(-50%); left: 50% !important; } div#block-yui_3_17_2_1_1581102763124_24811 .image-block-wrapper { padding-bottom: 50% !important; } } Link to comment
dezinrDi Posted November 25, 2020 Author Share Posted November 25, 2020 I also tried this one. No luck. @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1587359465748_6758 img { width: 40% !important; height: auto !important; transform: translateX(-50%); left: 50% !important; } div#block-yui_3_17_2_1_1587359465748_6758 .image-block-wrapper { padding-bottom: 70% !important; } Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 Add to Home . Design > Custom CSS /* resize footer logo */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1606257541852_14187 { width: 30%; margin: 0 auto; } } 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
japferreira Posted December 12, 2020 Share Posted December 12, 2020 Thank you so much Tuanphan! You help so many people here! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.