1. jridgway
  2. Commercial Templates
  3. Monday, 10 November 2014
  4.  Subscribe via email
Hi Ciarán,
I have searched the forums to try to find a way to make the background of the Grid Gallery module transparent, without success.

I presume this will be a custom css fix as I don't see the option within the grid gallery parameters. I am helping a friend with the Lifestyle template and would like to remove the background around the pics in GG so its just the pics showing and the background image shows around the pics.

Thanks
JRidgway
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could you try adding the following to the Custom CSS field of your templates parameters...


.j51gridgallery figcaption {
background-color: transparent !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
My bad. I'm sorry, but I think I mis-described what I was looking for. The code you provide indeed turns the background of the captions of the pics transparent, but what I am looking for is to turn the background of the module position itself transparent while leaving the pics and captions intact. i.e. similar to what happens when you post the GG in the showcase position, except I want to use the showcase position for something else.

The GG is in the contenttop-a module position. I tried modifying the code you provided to point to the module position, as follows:
.j51lifestyle contenttop-a {
background-color: transparent !important;
}
but, that was a pure guess on my part, and it didn't work.

Thanks again Ciarán!
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your GridGallery module?

The contenttop module position are within the same div as the component area so presuming I understand you correctly it will not be possible to effect one with out the other.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
The site is at saskatoonrent.ca

It's the white background around the photos and captions that I'd like to change to be transparent.

Thanks for your help!
J
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try adding the following to the Custom CSS field of your templates parameters which may give the desired effect...


#container_main .wrapper960 {
background-color: rgba(255, 255, 255, 0);
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
After applying the code you provided, there remains a black bar that denotes the top border (and also the bottom border). Do you know what code I could put in the custom css to get rid of this?
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán, it is http://www.harrisengler.com

-Evan
  1. more than a month ago
  2. Commercial Templates
  3. # 8
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Evan

To remove this bar add the following to the Custom CSS field of your templates parameters...


.container_spacer3, .container_spacer4 {
display: none;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciarán, that did the trick!
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!