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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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 me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. 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