Langsung ke konten utama

Want to stack any Divi module side by side within a single column row?



CSS FOR COLUMN SETTINGS INSIDE THE ROW


display: flex;

align-items: center;

justify-content: center;


The above code should be placed inside the Main Element CSS Box in the Column Settings. To access column settings, first, go to the Row Settings, click on the settings gear to access the Column Settings, navigate to the Advanced tab, then to Custom CSS and add the code to the Main Element.


If you want to stack the modules in the mobile view, add the code below within the Column Settings on the mobile device type.


TO STACK BUTTONS ON MOBILE VIEW


display:block;

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