Quick Snacks
Q21: Change the Read More Text and Other Elements in Divi
I have seen a fair few questions lately about how to change the text of the read more and pagination links in blog posts. There are some solutions around, but the main issue I have seen with these is that they don’t work now the blog module uses ajax to load the... read more
Q20: Rearrange Navigation Items with Flex
Sometimes you want your navigation items in a different order. Maybe you want your social links to align right, or you want the secondary menu on the left. Perhaps you want to split your main menu into two sections. All this can be done quite easily with flex, and in this quick snack I show you how.
read more
Q19: Replace the Divi Search Button with an Icon
Replacing the Divi search button with an icon gives a much sleeker look. In this tutorial I am going to show you how to do just that for both the Divi Search module and the default WordPress search widget.
read more
Q18: Floating Publish Button in Divi without a Plugin
If you are creating long pages or posts it can get really tedious to have to keep scrolling back to the top each time you want to preview or publish. This little snippet puts an end to that tedium.
read more
Q17: Limit the Excerpt Length in Divi with CSS
Let’s bypass all the complex coding and use a purely CSS way to limit your excerpts in the Divi blog module!
read more
Q16: Two Line Toggles and Buttons in Divi
Ever wanted two lines of text in your toggles and buttons in Divi? Whilst the title fields don’t support HTML, there is a workaround using pseudo elements.
read more
Q15: Make your submenus visible for longer
I’ve been meaning to work on this one for quite some time. I’ve seen so many questions about getting the submenus to stay visible for longer, not least in the comments on my own post How to Create Slim Horizontal Submenus, but no solutions. So this quick... read more
Q14: How to Style Specific Sections of Text
I have seen quite a few questions lately about how to style specific sections of text, either with a different colour, font or font weight etc. There are a number of way to do this, probably the most popular by using the tag, and that solution is fine. However, as... read more
Q13: Change the Divi Active Menu Item Colour
As you probably know, there is an option in the Divi Theme Customiser Settings to change the active menu item colour, however for one reason or another this sometimes doesn’t work, so we need to force the issue.
read more
Q12: Move the Divi Slide-In Menu to the Left
This one has been on the ‘to do’ list for quite some time and I know it’s something lots of you want to know how to do, so today I am going to show you how to move the default Divi Slide-In menu from the right hand side of the page to the left.
read more
Q11: Colour Code the Category Widget
My good friend and fellow Divier, Randy A Brown was recently looking for a tutorial on how to style the category widget so he could colour code his categories for a new project.
read more
Q10: Create a Transparent Bloom Optin
Bloom doesn’t have transparency settings in its colour pickers. Not to worry, this Divi Soup Quick Snack will get you transparent forms in a few minutes.
read more
Q9: Center Align the Icons in the Social Media Follow Module
The Social Media Follow module is a handy one for when you want to add more social media network links to a website than allowed in the Divi Theme options, but those little guys can be a bugger to centrally align and there is no option for it in the module itself.
read more
Q8: Vertically center any content in Divi
In this Divi Soup Quick Snack I’m going to show you how to vertically center any content without using padding, margin or media queries.
read more
Q7: Make The Logo Bigger on Mobiles & Tablets
In this Divi Soup Quick Snack I’m going to show you a quick fix to make the logo bigger on mobiles and tablets, something people seem to struggle with.
read moreLike us on Facebook
