greg_fit3d Posted April 27, 2020 Share Posted April 27, 2020 Hi All- I'm working to make my image title backgrounds transparent so that I can apply a section background without having a weird box: I'm using an Image Card block and found out how to make the image portion of the block and content section have a transparent background, but cannot figure out how to make the Card title have a transparent background. Happy to provide any additional information. Thank you in advance. Greg Link to comment
tuanphan Posted April 27, 2020 Share Posted April 27, 2020 Can you share link to page in screenshot? 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
suestrand Posted May 6, 2022 Share Posted May 6, 2022 I'm wondering the same...the yellow area is a background picture. Link to comment
suestrand Posted May 7, 2022 Share Posted May 7, 2022 (edited) Hi! I'm using an Image Card block with a backgound picture (not color). How to get the title box transparent? Is it possible? Thank´s for your help 🙂 Edited May 7, 2022 by susanstrand Adding an extra tag Link to comment
paul2009 Posted May 7, 2022 Share Posted May 7, 2022 @susanstrand Questions often go unanswered when they are posted without a working link (a “URL”) to the site. A URL allows us to take a look at your site and the code being used, before suggesting solutions. About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
suestrand Posted May 7, 2022 Share Posted May 7, 2022 4 hours ago, paul2009 said: @susanstrand Questions often go unanswered when they are posted without a working link (a “URL”) to the site. A URL allows us to take a look at your site and the code being used, before suggesting solutions. Ah, ok - did not know that 🙃 The site is not yet published, however you find it here: https://eagle-tambourine-gn7c.squarespace.com/ PAssword: learningisfun Link to comment
Solution paul2009 Posted May 7, 2022 Solution Share Posted May 7, 2022 @susanstrand To remove the background colour from the image title, add the following to Design > Custom CSS: .sqs-block-image .design-layout-card .image-title * { background-color: unset!important; box-shadow: unset!important; } Was this post helpful? Please give feedback by clicking an icon below ⬇️ suestrand 1 About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. Content: Links in my posts may refer to SF Digital products or may be affiliate links. If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too. Link to comment
suestrand Posted May 8, 2022 Share Posted May 8, 2022 3 minutes ago, susanstrand said: Thank you so much! Appreciate your help 🙏 It works! 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