Langsung ke konten utama

vertical tab pada divi tabs


Prepare to Be Amazed: Creating Stunning Vertical Tabs in Divi!

 css code

buat code di 

Code Used Today:

/* Vertical Tabs */

.verttabs {
border: none;
}

.verttabs ul.et_pb_tabs_controls {
float: left;
width: 8%;
margin-right: 3%;
background: transparent;
}

.verttabs ul.et_pb_tabs_controls:after {
content: none;
}

.verttabs .et_pb_tabs_controls li {
width: 100%;
border-bottom: 2px solid gray
}

 

@media(max-width:900px) {
.verttabs ul.et_pb_tabs_controls {
width: 100%;
margin-bottom: 30px;
margin-right: 0;
}
}



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.

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