[nonenoneParticipant]

Hi there,

I have two styling questions:

1-How to add a semi-transparent white colour overlay to the video background to pages Templates (1), Templates (2) and Custom Design?
Just like the one in the home page but I don’t want it to affect the whole website! Only the mentioned pages.

2-How can I remove the shadow in buttons? (See attachment 1)

Many thanks,

[nonenoneParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.page-id-522 .x-section.bg-video:before,.page-id-542 .x-section.bg-video:before,.page-id-566 .x-section.bg-video:before {
    position: absolute;
    content: "";
    background-color: rgba(255,255,255,0.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}
.x-btn, .button, [type="submit"] {
    text-shadow: none !important;
}

Hope it helps.

[nonenoneParticipant]

Works great 🙂 Thank you!

[John EzraMember]

You’re most welcome and thank you for contacting Theme.co, our team is always happy to assist.

[Author]

Posts