Staff replied Templates

Header RGBA transparency / opacity in Travelin template

Asked by Peter Dowse 4 years ago Last activity 4 years ago

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)

8 replies

Mehtaz Afsana Borsha Staff

Hi,

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

Peter Dowse Asked this

Thanks, 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.

Peter Dowse Asked this

Hey guys - any progress on this?

Mehtaz Afsana Borsha Staff

If 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 Asked this

Question - 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?????

Mehtaz Afsana Borsha Staff

I said if it does not work (sometimes) then we use custom CSS.

Log in to reply.