Shape 5

Joomla Templates => Zoka Transports - Club => : jimbondox November 23, 2014, 09:37:25 PM


: HA color overlay transparency?
: jimbondox November 23, 2014, 09:37:25 PM
Checked with firebug but I couldn't see where to adjust the transparency at, just need it a bit more see through. Where would I adjust this at?

: Re: HA color overlay transparency?
: mikenicoll November 23, 2014, 11:58:33 PM
Hello,

The default overlay is an image overlay here:

:
Template.CSS - Line 2067

.image_title {
    background: url("../images/repeatexture.png") repeat fixed 0 0 transparent;

If your not using this image overlay it will default to the module overlay which is here:
:
s5_horizontal_accordion2.css - line 26

.image_title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


: Re: HA color overlay transparency?
: mdrothert November 24, 2014, 03:43:46 PM
I made the adjustment in s5_horizontal module css:

.image_title {
   background:transparent url(../images/repeatexture.png) repeat fixed;}


It still did not place that repeattexture.png over?

siam.net/siam

: Re: HA color overlay transparency?
: mikenicoll November 24, 2014, 05:21:50 PM
Hello,

The 2 coding locations I posted above are the only locations where this overlay would come from. The Template.CSS file would be an override to the default module styling overlay. Be sure to clear your cache after making any changes like this.

: Re: HA color overlay transparency?
: jimbondox November 25, 2014, 08:18:41 PM
on your demo, the yellow over the freight position when moused over, i can see the image behind it because it is transparent. in the code you gave me above where is that adjustable at? i just want to see a bit more behind it?

thanks

: Re: HA color overlay transparency?
: jonahh November 26, 2014, 12:12:21 PM
In the index.php look for below and this is what sets the transparent highlight color on hover:

:
.horzaccordion li:hover .image_title {background: rgba(<?php echo "$r,$g,$b,"?> 0.9) !important;}