bayofguinea Posted February 10, 2020 Share Posted February 10, 2020 (edited) Site URL: https://juergenstrohmayer.net/nubuke-extended I want to remove the color overlay from all gallery blocks. I am using a slideshow with captions. In the Rally theme the captions are on top of a color overlay that fades upwards from the bottom of the image. Edited February 10, 2020 by bayofguinea Additional information Link to comment
christyprice Posted February 10, 2020 Share Posted February 10, 2020 You can remove the caption and overlay by adding this to Design > Custom CSS .sqs-gallery-block-slideshow .slide.loaded .meta { display: none; } christyprice.com 🇺🇸 Austin, TX US Best Squarespace Plugins • Resources for Designers • Make Money with your Blog ✅ Download a FREE Squarespace Prelaunch Checklist Link to comment
bayofguinea Posted February 11, 2020 Author Share Posted February 11, 2020 8 hours ago, christyprice said: You can remove the caption and overlay by adding this to Design > Custom CSS .sqs-gallery-block-slideshow .slide.loaded .meta { display: none; } Thank you! Is there a way to keep the text and remove only the fade? This solution removes everything, including the caption. Link to comment
BlackWidow Posted March 27, 2020 Share Posted March 27, 2020 HI there I'm looking for the same answer. Any luck on finding a solution to getting rid of the grey box? Link to comment
tuanphan Posted March 27, 2020 Share Posted March 27, 2020 12 minutes ago, BlackWidow said: HI there I'm looking for the same answer. Any luck on finding a solution to getting rid of the grey box? If you share link to gallery, I can take a look 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
BlackWidow Posted April 1, 2020 Share Posted April 1, 2020 Hi Tuanphan Thanks for your help: https://cameronconvey.squarespace.com password: CConvey2020! Link to comment
tuanphan Posted April 1, 2020 Share Posted April 1, 2020 5 hours ago, BlackWidow said: Hi Tuanphan Thanks for your help: https://cameronconvey.squarespace.com password: CConvey2020! Try adding to Home > Design > Custom CSS .sqs-gallery-block-slideshow .meta {background-color: transparent !important;} aubreywade and BlackWidow 2 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
BlackWidow Posted April 1, 2020 Share Posted April 1, 2020 (edited) Thanks Tuanphan! It worked. I appreciate it. Edited April 1, 2020 by BlackWidow Link to comment
BlackWidow Posted April 1, 2020 Share Posted April 1, 2020 (edited) Hey Tuanphan One other quick question slighty off topic: I'm trying to get the top navigation to break into two lines when I vertically view the website on a tablet. I'm using the following code: @media only screen and (min-width: 641px) and (max-width: 1024px) { .tweak-header-primary-nav-hover-style-fade .Header-nav .Header-nav-inner { margin: -.20em -.20em; margin-right: -22em; margin-left: -22em; }} It does break it at first but reverts back to one line when I view another page. Can you let me know what I'm doing incorrect. Cheers Black Widow Edited April 1, 2020 by BlackWidow Link to comment
tuanphan Posted April 4, 2020 Share Posted April 4, 2020 On 4/2/2020 at 5:42 AM, BlackWidow said: Hey Tuanphan One other quick question slighty off topic: I'm trying to get the top navigation to break into two lines when I vertically view the website on a tablet. I'm using the following code: @media only screen and (min-width: 641px) and (max-width: 1024px) { .tweak-header-primary-nav-hover-style-fade .Header-nav .Header-nav-inner { margin: -.20em -.20em; margin-right: -22em; margin-left: -22em; }} It does break it at first but reverts back to one line when I view another page. Can you let me know what I'm doing incorrect. Cheers Black Widow @media screen and (min-width:641px) and (max-width:900px) { [data-nc-container="bottom-center"] { flex: 100% !important; } } BlackWidow 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment