JoomlArt Forums 32,862 posts

[jurgeng Friend jurgengJoin date: December 2010Posts: 77Downloads:56Uploads:12 Thanks: 7 Thanked: 6 times in 3 posts]

#1060101

Hi,

for a masthead (e.g. in JA Mood), I would like to use transparent colours. It would be nice to be able to have RGBA colours. Have a look at Firebug on how they allow you to tweak colours. It would be really nice if it would be possible to enter these kinds of colours too.
So no only #FE3432 but also #FE343265 to have a more transparent colour.
I would consider this a great feature upgrade for the T3 framework allowing RGBA colours over the whole line.

Thanks in advance,
Jurgen.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060129

Hi
You can apply the changes in the same css classes to change the colours.
While I will share your feedback to concern department on this topic.

Regards

[jurgeng Friend jurgengJoin date: December 2010Posts: 77Downloads:56Uploads:12 Thanks: 7 Thanked: 6 times in 3 posts]

#1060179

For the masthead in JA MOOD, the colour is inline CSS. I modified the template to add a fourth couple of hex numbers (RGBA), but this is not widely supported yet (Firefox supports it, but Chrome/Android doesn’t (by default), Safari does, but IE doesn’t:

http://caniuse.com/#search=rgba

Currently, I prefer having no colour overlay over 100% multiply because it is too agressive for my design.

I’m considering using a workaround converting the #00000000 to rgba() using this code:
http://mekshq.com/how-to-convert-hexadecimal-color-code-to-rgb-or-rgba-using-php/

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060186

Hi
Edge does not support this style, this is the reason it can not work with the Edge browser.I already checked the masthead overlay with dev team, there is no solution for overlay in this browser at this time.
Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1060187

Hi
Edge does not support this style, this is the reason it can not work with the Edge browser.I already checked the masthead overlay with dev team, there is no solution for overlay in this browser at this time.
Regards

[Author]

Posts