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!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok