Guest Posted October 29, 2019 Share Posted October 29, 2019 I am using image posters for the website I am designing, but the text and button are too high up for my liking. I want to position the text down the image more. How do I do this?? I've attached a screenshot of what it currently looks like. Please help! Link to comment
colin.irwin Posted October 29, 2019 Share Posted October 29, 2019 Can you post a link to your site? I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
Guest Posted October 29, 2019 Share Posted October 29, 2019 1 hour ago, colin.irwin said: Can you post a link to your site? It's private...I am building it for someone else and do not have their permission to post the link / make the site live just yet. Hence why I provided the screenshot. Link to comment
colin.irwin Posted October 29, 2019 Share Posted October 29, 2019 Unfortunately, a screenshot doesn't allow us to see the underlying code. I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
Guest Posted October 29, 2019 Share Posted October 29, 2019 22 minutes ago, colin.irwin said: Unfortunately, a screenshot doesn't allow us to see the underlying code. I'm using the Brine template if that helps any? I was hoping there was just a setting or something that I could just adjust the placement. Unfortunately, I could get into legal trouble for providing the link to the live website right now because I am under contract. Link to comment
colin.irwin Posted October 29, 2019 Share Posted October 29, 2019 This is the best I can do without having access to your site. It adds 35px of padding to the top of every poster image subtitle (the body text) and this will shift both the text and the button down. You can tweak the 35px value to get the desired spacing. However, this rule will apply to every poster image on the site. Without access to the site I can't narrow it down to particular instances of poster blocks. .sqs-block-image .design-layout-poster .image-subtitle-wrapper { padding-top: 35px; } Add the code to your custom css area I'm Colin Irwin aka silvabokis. I've been a Squarespace designer & developer since 2013. I remember when it was all wild prairies round these here parts. 🐃🤠 Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written. That reminds me.. ..you might want to check out my Squarespace template finder or have a look at my other Squarespace tips Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free Link to comment
Guest Posted October 29, 2019 Share Posted October 29, 2019 34 minutes ago, colin.irwin said: This is the best I can do without having access to your site. It adds 35px of padding to the top of every poster image subtitle (the body text) and this will shift both the text and the button down. You can tweak the 35px value to get the desired spacing. However, this rule will apply to every poster image on the site. Without access to the site I can't narrow it down to particular instances of poster blocks. .sqs-block-image .design-layout-poster .image-subtitle-wrapper { padding-top: 35px; } Add the code to your custom css area Thank you so much!!! Link to comment
StevansAZ Posted August 13, 2020 Share Posted August 13, 2020 Hi @colin.irwin any chance you would know this code for 7.1? Link to comment
tuanphan Posted August 14, 2020 Share Posted August 14, 2020 On 8/14/2020 at 4:42 AM, StevansAZ said: Hi @colin.irwin any chance you would know this code for 7.1? I think poster block on SS 7.0 & 7.1 have same code. If you still doesn't solve, can you share link to page where you use poster? We can check easier. 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
MartinMurray Posted January 8, 2021 Share Posted January 8, 2021 Hi All I'm seeing the same problem - currently doing a job with Bentley - a small lead gen landing page, to run for 2 months - I'm using Brine 7.1 and adding the code] - looks fine when editing but the live site, its not working https://www.autotrader-promotion.co.uk/bentley .sqs-block-image .design-layout-poster .image-subtitle-wrapper { padding-top: 35px; } Your Martin Link to comment
tuanphan Posted January 8, 2021 Share Posted January 8, 2021 1 hour ago, MartinMurray said: Hi All I'm seeing the same problem - currently doing a job with Bentley - a small lead gen landing page, to run for 2 months - I'm using Brine 7.1 and adding the code] - looks fine when editing but the live site, its not working https://www.autotrader-promotion.co.uk/bentley .sqs-block-image .design-layout-poster .image-subtitle-wrapper { padding-top: 35px; } I don't see text here? 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
MartinMurray Posted January 8, 2021 Share Posted January 8, 2021 Sorry Tuan, I had to change them for images, had a meeting with Client and I didn't want them to see the rich text/default text over the images.... i've replaced them back to as they where 🙂 https://www.autotrader-promotion.co.uk/bentley 13 hours ago, tuanphan said: I don't see text here? Your Martin Link to comment
tuanphan Posted January 9, 2021 Share Posted January 9, 2021 10 hours ago, MartinMurray said: Sorry Tuan, I had to change them for images, had a meeting with Client and I didn't want them to see the rich text/default text over the images.... i've replaced them back to as they where 🙂 https://www.autotrader-promotion.co.uk/bentley Use this code div#block-yui_3_17_2_1_1610071473149_26831 .design-layout-poster .image-title-wrapper { padding-bottom: 150px; } 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
MartinMurray Posted January 12, 2021 Share Posted January 12, 2021 Hi Tuan Try that and still not working. I even tried a few different, yui id numbers. Your Martin Link to comment
creedon Posted January 12, 2021 Share Posted January 12, 2021 When I added @tuanphan's code I saw this. @MartinMurray You didn't see that? If not, what happens if you go into Full Preview? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
MartinMurray Posted January 12, 2021 Share Posted January 12, 2021 Hi - Yes its working fine now. Had to do a restart of the old Mac 😄 Had to switch back to images for sign off meeting today... but will reflow tonight. Your Martin Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.