Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Change Gallery Block Background Color?


jessewaugh

Question

Is there anyone out there who can tell me how to change the color of a gallery block background? Code would be okay, but I don't have a developer account / access. Basically I would like a black background behind the images in the gallery. Or dark gray.

Link to comment
  • Answers 17
  • Created
  • Last Reply

17 answers to this question

Recommended Posts

You can accomplish this with CSS by changing the color of the .sqs-gallery-block-slideshow. Add the following to your CSS:


.sqs-gallery-block-slideshow {
background-color: rgba(255,255,255,0); 
}

The above will set it to transparent. You can replace "rgba(255,255,255,0)" with anything you'd like to set the color to whatever you'd like.

Link to comment

If you use a Grid Gallery Block, you can add this code to the Custom CSS panel


.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown){
 background-color:white;
 padding-bottom:1px;
}

Hope it helps!

Link to comment

hello, I tried this yesterday and it worked. But I later noticed that on 2 other pages, my "spacers" became white as well. Please can you help out with a code that will limit the white color change to only the gallery block background?Many thanks!

Link to comment

Hi, I have the same problem and I was wondering if you could give me a step by step on how/where to insert that code? I have no experience in using coding in any way but I do want to change the background colour of my images to white or transparent (it's currently light grey). Thank you.

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...