Header RGBA Transparency / Opacity In Travelin Template
Peter Dowse
Hi Guys,
It seems the Travelin template defaults the Header area to an RGBA transperancy as no matter what colour you add in the CSS generated is
#sp-header {
background: rgba(251, 228, 77, 0);
}Note - you will see the zero at the end of the RBGA colours making the colour transparent
Is there any way of setting the transperancy to 1 so that we're able to see the colours added in the template manager?
(Please note, I know how to add a colour to the header with custom CSS. I want to eliminate the transparency which is different)
Mehtaz Afsana Borsha
Accepted AnswerHi,
Thanks for contacting us. Could you please give me your site URL so that I can check?
-Regards.
Peter Dowse
Accepted AnswerCertainly it's https://usng02.directrouter.com/~rkicfxqn/
Mehtaz Afsana Borsha
Accepted AnswerUse this custom CSS
#sp-header {
background: rgb(176 50 50 / 30%) !important;
}You can also follow this link below:
https://www.w3schools.com/cssref/func_rgba.asp
Thanks.
Peter Dowse
Accepted AnswerThanks, but I know how to use custom CSS to change this as mentioned in my original post...I'm not looking for help with that.
My question is why the system is putting a transparency on the RGBA background colour for the header in the first place?
You're able to change the background colour in the template manager, and the colour actually changes however, this is rendered useless as the transparency is being added to the RBGA.
My question is where in the helix system or override files can I remove this RBGA transparency from being added so we're able to see the colours of the header by using the template manager, not custom CSS.
Mehtaz Afsana Borsha
Accepted AnswerIf you are using any pre-defined header, then there are some CSS written from us. So, transparency may be added there.The way is Custom CSS. It is not recommended to change helix core files.
Peter Dowse
Accepted AnswerQuestion - so why have the ability in the template manager to 'change background colour' of the header if it's not going to work and you have to use custom CSS to actually make it a colour?
That makes no sense at all?????