Transparency of main content layer

GK User
Fri Dec 05, 2014 7:23 pm
I know in one of my support questions (i think it was voetbalgek = storefront) one of your moderators kliked my footbaal backgourns and gave me a tip to add some transparency to the main body.

But I can't find it back as I in between have 4 (or 5?) different projects have with gavick templates.

In this case I want to add some transparency to the steakhouse template which I use for:
http://54404758.swh.strato-hosting.eu/hochzeitsautomieten.de/index.php/de/#specials

Any tip where and in which and how .css file I could change that>
User avatar
Expert Boarder

GK User
Sat Dec 06, 2014 8:45 pm
Hi, it could be me.... so try this:
Code: Select all
#specials .gk-special { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); }
User avatar
Platinum Boarder

GK User
Sat Dec 06, 2014 11:41 pm
Oscar E wrote:Hi, it could be me.... so try this:
Code: Select all
#specials .gk-special { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); }


I tried an at least the background disappeared - but totally. But I want only have a 30% transparency so I changed the last value in rgba(255, 255, 255, 0.3); }

but no result? (see screenshots)
Any tip for me??
User avatar
Expert Boarder

GK User
Sun Dec 07, 2014 1:31 am
I always thought that only women are mysterious;-)

But .css & template design seems to be even mysterious sometimes.
However - (and thanks to Oscar E who set me on the right direction) I found a solution to add transparency in different grades and matching colour.

After some searching I found this at: http://davidshariff.com/blog/css-transparent-background/
while this is a very good source too: http://www.w3schools.com/css/

Code: Select all
/* Frontpage - special */
.gk-special { /* default fallback */
background: rgb(193, 167, 167) transparent;
/* nice browsers */
background: rgba(193, 167, 167, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */   
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}
User avatar
Expert Boarder

GK User
Sun Dec 07, 2014 4:49 pm
Yes, it depends what browser you're using as you checked, I gave you just simple tip which works (ed) on firefox, and also shoul don most ofers.
And about transparency on IE... yes, it request extra stupid code.
User avatar
Platinum Boarder

GK User
Tue Dec 09, 2014 3:43 pm
I have two modues with gk-special code (bottom 2 and 4)

when i apply the code the transparency appears in both

Is possible to apply only in one module?

Thanks
User avatar
Senior Boarder

GK User
Tue Dec 09, 2014 6:09 pm
Read this: https://www.gavick.com/documentation/jo ... ss-suffix/
it may help, I guess.
Sorry but as you might know we don't help in customizations. And you probably know why.
But by PM.... there is always hope if you have budget.
User avatar
Platinum Boarder

GK User
Tue Dec 09, 2014 6:55 pm
I did copy / paste the gkspecial module, and i have two identical modules

when I put the code
Code: Select all
/* Frontpage - special */
.gk-special { /* default fallback */
background: rgb(193, 167, 167) transparent;
/* nice browsers */
background: rgba(193, 167, 167, 0.8);
/* IE 6/7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* IE8 */   
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}


it is applied in the two modules ...

I only wanted to know is if in the code I could put something that applied only in one of them

Thanks
User avatar
Senior Boarder

GK User
Wed Dec 10, 2014 10:10 am
Did you read my last link about module suffix ?
User avatar
Platinum Boarder


cron