Make your Header Logos, Background Colours, Text, and more change colour or image with simple CSS! In fact - you can apply this anywhere on your site! Jolly Good Show!
What if you have a transparent background that needs to change to a solid/or semi-transparent colour? Now you can!
Rather than use a separate plugin or the Theme's header - you can change it all with Elementor. Have fun!
Here's the Code I used:
/* Change the Background Colour on Scroll */
.elementor-sticky--effects {
background: #ffffff!important;
}
/* The scroll-logo is currently off.*/
.scroll-logo {
display: none;
}
/* Shut this logo off and activate the other logo after scroll*/
.elementor-sticky--effects .scroll-logo {
display: inline-block;
}
.elementor-sticky--effects .original-logo {
display: none;
}
/* Change Text Colour and Links colour */
.elementor-sticky--effects .menutextcolours ul li a {
color: #000000!important;
}
PS: websquadron.co.uk
PPS: Don't miss out on our amazing Create a Website in One Weekend Course - and it comes with a FREE Elementor Pro License!! websquadron.co.uk/createwebsi...
PPPS: Contact us for any questions, new videos, hates/likes/love or to collaborate: info@websquadron.co.uk
PPPPS: I must stress that we only build with Elementor and no other Page Builder.
Негізгі бет Ғылым және технология Change the Logo, Menu, Text and the Header Background when Scrolling in Elementor
Пікірлер: 130