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
- jridgway
-
- Commercial Templates
- Monday, 10 November 2014
- Subscribe via email
Hello
Could you try adding the following to the Custom CSS field of your templates parameters...
Ciarán
Could you try adding the following to the Custom CSS field of your templates parameters...
.j51gridgallery figcaption {
background-color: transparent !important;
}
Ciarán
- more than a month ago
- Commercial Templates
- # 1
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!
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!
- more than a month ago
- Commercial Templates
- # 2
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
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
- more than a month ago
- Commercial Templates
- # 3
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
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
- more than a month ago
- Commercial Templates
- # 4
Hello
Try adding the following to the Custom CSS field of your templates parameters which may give the desired effect...
Ciarán
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
- more than a month ago
- Commercial Templates
- # 5
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?
- more than a month ago
- Commercial Templates
- # 6
Hi Evan
To remove this bar add the following to the Custom CSS field of your templates parameters...
Ciarán
To remove this bar add the following to the Custom CSS field of your templates parameters...
.container_spacer3, .container_spacer4 {
display: none;
}
Ciarán
- more than a month ago
- Commercial Templates
- # 9
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »