Langsung ke konten utama

How to Make Transparent Header Sticky on Scroll in Divi Theme Builder

 cara membuat header  dengan divi:

1. custom header transparant

2. sticky

3. saat sticky berubah background dan texs

CSS MAIN ELEMENT:

position:absolute;

width:100%;

CSS LOGO ELEMENT

content: url(https://demo.baliwebs.com/ubudyogahouse/wp-content/uploads/2023/03/logo_ubudyogahouse.png)

WARNA MENYESUAIKAN



Komentar

Posting Komentar

Postingan populer dari blog ini

Quick Tip: Remove Space between Footer and Post in Divi

 Divi has a weird quirk where any blog post that is published has a space between the post and the footer. Luckily there is a quick fix. Click on the gear icon in the Divi Visual Builder. In the CSS section of the post editor, add the following code snippet and save. .single .et_pb_post {  margin-bottom: 0;  padding-bottom: 0; } #left-area {  padding-bottom: 0 !important; } If it is saved correctly, you should no longer see a space between the post and footer.
Posting Komentar
Baca selengkapnya

Membuat background colom atau section yang saat di hover zoom

https://www.youtube.com/watch?v=EMud8mbVZ50 Pada colom yang ada backgroundnya, masuk ke ADVANCE - CUSTOM CSS - MAIN ELEMENT: background-size:100%; transition: all 0.5s ease; dan di HOVER: background-size:130%; Start write the next paragraph here
Posting Komentar
Baca selengkapnya