HughJars Posted May 28, 2020 Share Posted May 28, 2020 Site URL: https://indigo-dogfish-mnkf.squarespace.com/config/design/colors/section-themes/theme-editor How do I remove overlay from images (or reduce value to zero) please? My image is a black illustration on a white background but an overlay has been added. If I add an image as a background I can reduce overlay value to zero, but this does not seem possible when adding images in Card. Thank you Link to comment
tuanphan Posted May 28, 2020 Share Posted May 28, 2020 Try Home > Design > Color > Section Thémes > Click on your image on right > it will show setting on left. or you can also add this to Home > Design > Custom CSS .image-block .image-overlay { background: none !important; } DV2 and HughJars 1 1 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
HughJars Posted May 28, 2020 Author Share Posted May 28, 2020 Very helpful, thank you Link to comment
HughJars Posted May 28, 2020 Author Share Posted May 28, 2020 I am trying to create two paragraphs of type separated by a heading. The paragraphs should be black and the heading orange. But as you can see, the bottom block of type takes the orange colour of the subheading. https://indigo-dogfish-mnkf.squarespace.com/config/design/colors/section-themes/theme-editor Link to comment
tuanphan Posted May 30, 2020 Share Posted May 30, 2020 On 5/28/2020 at 8:52 PM, HughJars said: I am trying to create two paragraphs of type separated by a heading. The paragraphs should be black and the heading orange. But as you can see, the bottom block of type takes the orange colour of the subheading. https://indigo-dogfish-mnkf.squarespace.com/config/design/colors/section-themes/theme-editor Can you share link to page in screenshot? /config is url for site owner 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
Guest Posted April 17, 2021 Share Posted April 17, 2021 (edited) Hi @tuanphan I need assistance adding to the coding I already have. I am having difficulty adding a clickable onto the images on my homepage. I want the user/viewer be able to hover what I already have and click on it and it opens up to the new page. .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 2rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } Edited April 17, 2021 by naomiokita Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 5 hours ago, naomiokita said: Hi @tuanphan I need assistance adding to the coding I already have. I am having difficulty adding a clickable onto the images on my homepage. I want the user/viewer be able to hover what I already have and click on it and it opens up to the new page. .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 2rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } edit this code .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } to this .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; pointer-events: none; } 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