Divi Blog Theme

Paste and Save:.

Adding a blog module to your page

Divi even makes blogging a modular activity, and your "blog" can be placed anywhere on your website and in various different file types. Blog and side bar can be combined to make traditional blog themes. 1-, 2- or 3-column blog can all be created with Blog and Bar plug-ins.

In order to be able to add a blog to your site, you must first go to the Divi Builders. When the Divi theme is already on your website, you will see a Use Divi Builders icon above the Mail Editors every new page you create.

When you click on this icon, the DiviBuilder will be enabled, giving you full control over all DiviBuilder components. As soon as you have called the Visual builder, you can click on the grey plus key to insert a new modul to your page. Find the blog engine in the engine listing and click it to attach it to your page.

You can search the modules lists, i.e. you can also search for the words "blog" and then click OK to find and append the blog modules to it! As soon as the plugin is added, you will be welcomed with the plugin's option bar. In this example I will be adding a blog plugin to a blog page.

The blog page has a full width headers with a full width submodule. Below the browse engine I will be adding a custom section with the blog engine on the right and a side bar on the right. On the right, the side bar contains a current post widget, an email opt-in engine, and a people engine.

Note that the Blog plugin is located in a raster view on the leftside of the page. Then, insert the blog engine into the line. Refresh the blog settings as follows: User defined: Colour: In the right side bar area of the section you have to insert a side bar modul that reads the current post widgets.

In the following, you need to insert an e-mail opt-in engine. Then under the e-mail optin you have to insert the person information modul about the creator. Everything that manages what will appear in your modules will always be found in this tabs. If you want something to be displayed in this modul, you have to create it.

Here you can specify the date style you want to show in your blog entries. For example, if you are moved 3 times, the first three postings will not appear in your blogeed. Allows you to select whether or not to show thumbnails in your blog engine.

Select whether or not you want to show the creator of each blog entry in the posting metier under the posting name. The name of the modul is changed in the buililder for simple identifying. If you use the WireFrame screen in Visual builder, these names are displayed inside the modular blocks on the Divi Builder surface.

You can find all of the module's style choices, such as font styles, color, size, and distance, on the Styles page. It is the tabs where you can modify the appearance of your modules. Each Divi has a long history of theme choices that allow you to modify almost anything.

Allows you to select whether to view your blog entries in a raster or full width format. When activated, an overlap colour and symbol are shown when a visitor moves the mouse over the picture of a contribution. Allows you to specify a user-defined colour for the overlaysymbol. Allows you to specify a user-defined colour for the outlay.

When your blog is placed on a bright backdrop, the text color should be dim. Conversely, if your blog is placed on a black backdrop, the text color should be bright. If you want to modify the style of your heading, select the style from the drop-down list.

The Divi comes with tens of great typefaces supported by Google Fonts. Divi uses the Open Sans typeface by default for all text on your site. You can resize your head text here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. All text colours in Divi are displayed as either black or grey by default. 3. When you want to modify the colour of your head text, use this setting to select the colour you want from the colour selection.

The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the individual letters in your heading, use the area fader to set the distance, or enter your preferred distance value in the box to the right of the fader. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to make the distance between the individual lines larger, use the Region Fader to set the distance or enter your preferred distance value in the box to the right of the Fader. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

Changing the text type of your continuous text can be done by choosing the required typeface from the drop-down list. The Divi comes with tens of great typefaces supported by Google fonts. Divi uses the Open Sans typeface by default for all text on your site. You can resize your text here.

Or you can enter the text you want to resize directly into the edit box to the right of the sliders. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

All text colours in Divi are displayed as either black or grey by default. 3. When you want to modify the colour of your continuous text, use this menu item to select the colour you want from the colour selection. The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the letters in your text, use the area fader to set the distance, or type your preferred distance value in the box to the right of the fader.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to make the distance between the lines larger, use the Region Fader to set the distance, or enter your preferred distance value in the box to the right of the Fader.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. If you want to modify the style of your metatext, select the style from the drop-down list. The Divi comes with tens of great typefaces supported by Google Font.

Divi uses the Open Sans fonts by Default for all texts on your site. You can resize your metatext here. Or you can enter the text you want to resize directly into the edit box to the right of the sliders.

Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used. All text colours in Divi are displayed as either black or grey by default. 3. When you want to modify the colour of your metatext, use this item to select the colour you want from the colour selection.

The distance between the letters influences the distance between the individual letters. When you want to enlarge the distance between the letters in your metatext, use the Span slide bar to set the distance, or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you want to make the distance between the lines larger, use the Scale/Slide bar to set the distance, or enter your preferred distance value in the box to the right of the slide bar. Inputs boxes support various measuring devices, i.e. you can enter "px" or "em" according to your value to modify the device used.

If you activate this checkbox, a frame will be placed around your modul. Influences the colour of the frame. Choose a customized colour from the colour selection to be applied to your outline. This value can be increased by either moving the region fader or by entering a user-defined value in the edit box to the right of the fader.

User -defined measurement entities of assisted measurement entities, i.e. you can modify the standard entity from "px" to something else, such as em, vh, vw, vw etc. Choose your preferred styles from the drop-down list to add them to your borders. It is also possible to add user-defined styles and tags to the modules, allowing you to modify the modules in the way your sub theme looks. This can be done using the following configuration options. bss files.

Specify an option to use for the column ID for this part. Specify additional custom class names to be used for this modul. Create more than one class delimited by a blank. You can use these categories in your Divi Kind theme or within the custom style sheet that you create for your page or website using Divi Theme Options or Divi Builder Page Settings.

You can also apply customized styles heet definitions to the modul and all internals of the modul. In the section Customizing Css you will find a text box in which you can directly customize each item. Your entries in these preferences are already packaged in styles, so you only need to type styles seperated by semi-colons.

You can use this item to specify on which device your device will appear. Deactivate your modules separately on trays, smartphones, or desktops.