Own CSS style to Sticky Header | WordPress.org

Resolved dijtex
(@dijtex)

5 years, 4 months ago
Hello. I want to customize the sticky header by adding my own custom style (blur effect) to it, now it only have gray background. how can this be done? Thank you in advance.
- This topic was modified 5 years, 4 months ago by dijtex.
The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Theme Author Creative Themes
(@creativethemeshq)

5 years, 4 months ago

Hello @dijtex,
So, if I understood you correctly, you want to add this effect only when the header enters in the sticky mode, am I right?

Cheers.

Thread Starter dijtex
(@dijtex)

5 years, 4 months ago

Yes.

Theme Author Creative Themes
(@creativethemeshq)

5 years, 4 months ago

Hey @dijtex,
You could use this CSS selector to add your custom styles.

Let me know if this works 🙂

Thread Starter dijtex
(@dijtex)

5 years, 4 months ago

Yes. It works! Thank you. But one little different moment

#header [data-sticky*=”yes”] [data-row=”middle”] {
background-color: red !important;
}

Theme Author Creative Themes
(@creativethemeshq)

5 years, 4 months ago

It works fine for me even with the .ct-header class instead of #header.
Did you had some issues with this class?

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Own CSS style to Sticky Header’ is closed to new replies.

5 replies
2 participants
Last reply from: Creative Themes
Last activity: 5 years, 4 months ago
Status: resolved