simkrys Posted March 29, 2021 Share Posted March 29, 2021 (edited) Site URL: https://krystalsim-33.squarespace.com/ Password: brineintopedro I'm trying to correct the padding for the custom styling but am unable to without shifting the whole container right. It's supposed to look like this: Edited April 1, 2021 by simkrys Link to comment
Solution WillMyers Posted March 29, 2021 Solution Share Posted March 29, 2021 Hey Simkrys, what you're looking for is margin not padding. I've first targeted the specific summary block you're using then the summary items within it. Use this bit of CSS: #block-yui_3_17_2_1_1616980247371_7874 .summary-item { margin:10px; } Hope that helps! Milton-Creative and tuanphan 1 1 Hey-o, my name is Will and I help Squarespace designers and developers with technical things. I would be happy to answer any questions you have about Javascript, CSS, or the meaning of life - although I'm only an expert in 2 of these. Check out my plugin store or sign up for my newsletter. Link to comment
simkrys Posted March 29, 2021 Author Share Posted March 29, 2021 thanks so much! i didnt think to target the specific block since i wanted the same styling for all carousels. this'll point me in the rught direction, thanks! Link to comment
tuanphan Posted March 31, 2021 Share Posted March 31, 2021 On 3/29/2021 at 1:23 PM, simkrys said: thanks so much! i didnt think to target the specific block since i wanted the same styling for all carousels. this'll point me in the rught direction, thanks! On tablet, the layout doesn't look good. Do you want to increase its width? 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
simkrys Posted March 31, 2021 Author Share Posted March 31, 2021 hey @tuanphan yes! i'd like to increase the width and make it responsive. i haven't touched tablet or mobile view yet and am not looking forward to it 😢 Link to comment
simkrys Posted April 1, 2021 Author Share Posted April 1, 2021 hi @tuanphan i tried editing tablet view but nothing seems to be changing. I have this so far: @media screen and (max-width:767){ //Poster Image Card .sqs-block-image .design-layout-poster .image-card{ width: 90vw; } } Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 On 4/2/2021 at 4:30 AM, simkrys said: hi @tuanphan i tried editing tablet view but nothing seems to be changing. I have this so far: @media screen and (max-width:767){ //Poster Image Card .sqs-block-image .design-layout-poster .image-card{ width: 90vw; } } Add to Design > Custom CSS /* Fix banner text */ @media screen and (max-width:991px) and (min-width:768px) { div#page-section-60612d0cef866f45aff9b5ae .image-card { margin-left: 10vw !important; margin-right: 0 !important; width: 60%; margin-top: -40vw; } } 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