Jump to content

Removing caption color overlay from gallery block

Recommended Posts

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
  • 1 month later...
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
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;}

 

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

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 by BlackWidow
Link to comment
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;
}
}

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.