Post Slider Module

With the help of Post Slider module using the Divi visual builder, we can customize and insert the collection of posts on any web page with ultimate looking and design slider. We can choose multiple posts that we want to see on the WordPress website page by simply adding this module of the Divi theme. We can customize the elements of the post like content display, button text, show excerpts, background image, background color etc.

Post Slider Module Shortcode:

Output of the Above Post Slider Module Code:

Active Link Color on Single page Site in Divi

If you make a single page site using anchor ids in the menu, the active link color set in the customizer won't be reflected as in this case all the links are actually the same page, not the different pages, if you want to highlight the menu items in different color...

Bloom Pop-up on Clicking Over a Text

Today we are here with a new post that will help you in creating Bloom Pop-up on clicking over a text. Please follow the below instruction for implementation. Follow the Simple Steps: Firstly we need to add the text module to the page where we want to show this...

Create Divi Section Clickable

Hey, today we are here with a new post. The main objective of this post is to share the information for creating the entire section clickable. We can assign any link to the entire Divi Section and can also redirect them to anywhere. Follow the Simple Steps for Making...

How to Modify Read More Button Text in Divi Blog Module

In this article, we are going to show how we can change the button text of Divi Blog Module. Follow the simple steps for achieving this: Firstly we need to assign CSS Class to the “Blog Module” as shown in the below image. Here we can assign CSS Class as “myclass” or...

Static CSS File Generation in Divi Theme

In this article, we are going to learn how to boost up your website loading time. With the latest update of "Divi" theme, a new option for Static CSS File Generation is available for the users. Static CSS file generation helps in reducing page size and also allow CSS...

 

Post Slider module depends on the three basic settings as given below:

  • General Settings
  • Advance Design Settings
  • Custom CSS
  • General Settings:

In the general settings, we can set the number of the posts, include the category, decide the order of the post, make “read more” button and also write the text for this button, set the background image, set the background color and text color etc. Let us understand the meaning of all of the options that are available in the general settings tab.

Post Slider Module

  • Advance Design Settings:

In this tab, we can customize the font style of header text and choose the color of the font. We can change the size of the header text and also manage the letter spacing, height of the header text, top padding, and bottom padding etc.

  • Custom CSS:

In the Custom CSS, We can write the description of the slide, write the slide title, create slide button and set the slide image etc. The developer can also insert the CSS id and CSS class in the Custom CSS options.

If you facing any of the problems regarding this “Post Slider” module visit this site: “https://elegantenthusiast.com” because this site provides perfect solution as per your requirements. Thank you.

You May Also Like

  • Tested on Divi Version 3.0.27
Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

You have Successfully Subscribed!

Share This