Divi: Code Snippets

All these snippets go in to the Dashboard -> Appearance -> Customize -> Additional CSS.

Greater gap between Menu Items

.et-l--header .et-menu-nav>ul>li {
     padding: 0 30px!important;
 }

Adjust the 30px to what you want.

Make Post Section Transparent

.single-post #main-content {
 background-color: transparent;
 }

Blog Preview on Large Screens

Had an issue using “Blog Settings”, where I naturally had three across on smaller screens, 1600px wide, but on HD, 1920px, it became two wide and that misplaced on the screen. To fix this Sergey from Divi got me a solution. First go to the Divi -> Theme Builder and in your Blog Template in the Blog Settings -> Advanced -> CSS ID & Classes -> CSS Class add

cu-blog

Then in Divi -> Theme Options -> General -> Custom CSS add

@media only screen and (min-width:981px) {
    .cu-blog .column.size-1of3 {
        width: 29%!important;
    }
}

Themes

A theme is what makes your website look like it does.

We are going to be using the Twenty Seventeen theme as a means to get started. There are thousands of free themes, as well as thousands of themes you can pay for. Many of the Paid for themes have a free option that can help you see if you want to go ahead and pay for the full theme.

Continue reading “Themes”

Pages

Pages are for your static articles.
These are not likely to change often, but you do want to edit them and make sure the information in them is current.

Pages are for things like About Us, Contact Us, Some History, Our Location.
This is as opposed to Posts that are more chronological and category-based, think Blogging.

Continue reading “Pages”

Divi

Divi is an extremity powerful theme builder. https://www.elegantthemes.com/. We have a site license for this theme, so you do not have to pay the full price. Please contact us directly for us to install this theme builder on your copy of WordPress with us. We would appreciate a “pay what you can” as we seek to make this and other plugins available to you.

We are working with a location at the moment to bring their website up to date. One of the issues we are dealing with is that the main theme used to build the site is decrepit, meaning that there is no way to update the theme. Unfortunately even updating content from the theme is not possible. So we are applying the Divi plugin to make a transition from the old unusable theme to a valid current theme. It’s quite useful that we can use the current CSS of the theme to manage the changeover.

Continue reading “Divi”