spotonlynne Posted December 1, 2021 Share Posted December 1, 2021 Site URL: https://weedwise.squarespace.com Hi, I have added a portfolio (projects) section to this website and want to use CSS to tidy up the design of the project summary page. In particular, I would like to get rid of the padding around the images, so that they line up with the text above, ie. they fit the full width of the site, which is 1280px. How do I do this please? https://weedwise.squarespace.com (pw: W33dw1s3) Thank you! Lynne Beyondspace 1 Link to comment
Beyondspace Posted December 2, 2021 Share Posted December 2, 2021 On 12/1/2021 at 9:53 PM, spotonlynne said: Site URL: https://weedwise.squarespace.com Hi, I have added a portfolio (projects) section to this website and want to use CSS to tidy up the design of the project summary page. In particular, I would like to get rid of the padding around the images, so that they line up with the text above, ie. they fit the full width of the site, which is 1280px. How do I do this please? https://weedwise.squarespace.com (pw: W33dw1s3) Thank you! Lynne Do you mean reducing this spacing? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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
spotonlynne Posted December 2, 2021 Author Share Posted December 2, 2021 @bangank36 Hi! No, I want the group of images to line up with the text section above and the text in the image section below. So the page looks the same width all the way down (apart from the main menu bar). At the moment, the section with the project list is narrower. I realise it moves around from screen to screen, but I was hoping there was some way of making it look neater. Thank you! Lynne Link to comment
spotonlynne Posted December 22, 2021 Author Share Posted December 22, 2021 @bangank36 I have attached an image showing what the graphic designer wants me to achieve on this page. Hopefully you will know what I need to do. I don't know enough about CSS to resolve this. Thank you! Lynne Link to comment
tuanphan Posted December 25, 2021 Share Posted December 25, 2021 Try this CSS header#header, article section:first-child { max-width: 1280px; margin-left: auto; margin-right: auto; } 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
spotonlynne Posted January 11, 2022 Author Share Posted January 11, 2022 On 12/25/2021 at 8:19 AM, tuanphan said: Try this CSS header#header, article section:first-child { max-width: 1280px; margin-left: auto; margin-right: auto; } Hi @tuanphan, That didn't actually work for me. However, I have resolved it with this code (so pleased with myself for finally working it out!): /* Removing spacing on portfolio grid images */ @media only screen and (min-width: 1280px) { section[data-section-id="60edcca24c056a31b8193704"] { .portfolio-grid-basic {padding-right: 0px; padding-left: 0px; padding-bottom: 100px !important; }}} tuanphan 1 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