Divi Tutorials

How to change Divi Blog Module "Read More" text

invalid@example.com (Divi.Help) — Thu, 01 Feb 2024 15:49:06 +0000

In this tutorial, we will teach you how to change Divi Blog Module "Read More" text. By default, Divi doesn't have any option to change the "Read More" text.

It's pretty simple to change it by using custom jQuery code. Just paste the below code in WP Admin > Divi > Theme Options > Integration > Body Code:

Code:

Log In or Sign Up to view this code.

**Change Your Custom Text to your own text....

How to change Divi Blog Module "Read More" text

Custom Post Type missing 'Enable Divi Builder' option

invalid@example.com (Divi.Help) — Tue, 19 Sep 2023 16:58:27 +0000

When you create a custom post type using plugins like ACF, by default Divi Builder is disabled on the new post type.

You just need to enable it at: WP Admin > Divi > Theme Options > Builder > Post Type Integration > Enable Divi Builder On Post Types & find your custom post type & enable it & save it.

How to align Fullwidth Header Module text to be at the top?

invalid@example.com (Divi.Help) — Sun, 14 May 2023 08:23:49 +0000

To align fullwidth header module text to the top, you just have to:
1. Add this CSS class to the Section Settings > Advanced > CSS Class: dh-fh-top
2. Then add the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

**Adjust the padding top value to suit your need.

How to make Divi text module editor toolbar sticky?

invalid@example.com (Divi.Help) — Sun, 14 May 2023 08:22:54 +0000

If you have a long content in the text module settings, it would be troublesome for you to scroll up & down to access the text editor toolbar.

But here's a simple CSS solution to solve the issue.

Just paste the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

View attachment 8266

The above solution works for Visual Builder, but not backend builder.

For backend builder, you will need to paste the...

How to make Divi text module editor toolbar sticky?

How to make mobile menu items collapsible for Divi Theme Builder?

invalid@example.com (Divi.Help) — Mon, 02 Aug 2021 14:30:47 +0000

Ever wanted to achieve collapsible mobile menu for Divi Theme Builder?

Divi Block has a free block that contains all the code to achieve that.

Basically, you just need to go to Free version of Divi Block: https://divi.help/link-forums/try-free-version.174/

And add one of the below blocks & export it as json file.

View attachment 8343

And finally, import the json file in your Divi Theme Builder: https://diviblock.com/how-to-import-json-file/
**Make sure to...

How to make mobile menu items collapsible for Divi Theme Builder?

How to make Divi portfolio grid to be 2 columns on desktop?

invalid@example.com (Divi.Help) — Sun, 06 Jun 2021 02:55:05 +0000

To achieve that, try the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

How to add 3 color gradient to Divi section background?

invalid@example.com (Divi.Help) — Sat, 05 Jun 2021 09:53:27 +0000

To do that, you will need to use custom CSS for that.

Here's how to do it:
1. Get your gradient color CSS code here: https://cssgradient.io/
2. And add the CSS code in Section Settings > Advanced > Custom CSS > Main Element

That's it. You will now have the 3 color gradient for your Divi section background.

How to hide Divi shop module image?

invalid@example.com (Divi.Help) — Sat, 05 Jun 2021 03:26:09 +0000

Just go to the Shop module settings > Advanced > Custom CSS > Image & add display: none;

How to create Sticky / Fixed Section on scroll in Divi?

invalid@example.com (Divi.Help) — Fri, 04 Jun 2021 15:04:01 +0000

To achieve sticky section on scroll in Divi, you just need to set this: Section Settings > Advanced > Scroll Effects > Sticky Position > Stick To Top

How to make a regular section in Divi Fullscreen?

invalid@example.com (Divi.Help) — Fri, 04 Jun 2021 14:45:54 +0000

Basically, you just need to set this: Section Settings > Design > Sizing > Min Height > 100vh

How to add background color for Divi Blog Module "Read More" text

invalid@example.com (Divi.Help) — Fri, 24 Jul 2020 15:46:53 +0000

For Divi Blog Module, it doesn't have any settings to add background color for the "Read More" text.

Now, how to make the "Read More" text look more like a button style? See screenshot below:

View attachment 6495

You can easily achieve that by going to: Divi Blog Module Settings > Advanced > Custom CSS > Read More Button & add the below CSS:

Code:

Log In or Sign Up to view this code.

How to add background color for Divi Blog Module "Read More" text