JOSH you are a magician! Thank you so much for this tutorial! So wonderful to know how to make a website look more like a printed document! THANK YOU THANK YOU
The timing on this couldn't have been better! I was just finishing up a website this morning, and getting frustrated that I couldn't get my bullets to indent the way I wanted. Five minutes later, this pops up. Thanks Josh!
Josh, whether I knew how to do it or not, it is not the point the point is how clear and easy you explain everything just enjoying so much and learn from you so much since I subscribed to your channel thank you so much
Awesome, thanks :) Question: do you know how to change the 2nd (and 3rd...) indent of the bulletlist? • this is just a simple list - the 2nd indent does not change in Divi, i would like another sign
Thank you so much, Josh!! Question: if you have a nested list, so.. an OL set inside a UL set, what would the code be to have the text line up correctly under the OL? (Mine currently isn't).
Can you show how to make non solid bullets that are nested inside of bullets? I tried custom coding this but it didn't work. it kept them all solid. Also, how can I indent text event when it's not a bullet point or number?
Hey Josh, I've looked around for an answer, but no luck. After updating my CSS, even after deleting the Cache, my results don't show up until hours or even a day later. If I move to a different computer, I'll see the changes most of the time. Is there a server-side cache that I should be making changes to? Any thoughts would be great.
Hi Josh, Thank you, this was really helpful. I have some lists which use letters and I would normally use but it continues to show the number. I would really appreciate the help. Thanks in advance.
Hi Josh, there is an easier way... at the end of the bullet list press the enter key twice and it indents the bullet list as per your finished example... :-)
So that method does drop the bullets down but it doesn't indent them from the left. I just tried it on my tutorial site. Good to know how to customize them with CSS anyway to have more control of the styling and if integrating any other plugins that have bullets. Good additional trick though!
I had to use the following to accomplist this (including different spacing for OL and UL). /* Add proper formatting to Bullet and Numbered lists */ .et-l--body ol, .et-l--body ul { padding: 5px 0px 30px 50px; list-style-position: outside; } #et-boc .et-l ol li { padding-bottom: 10px; } #et-boc .et-l ul li { padding-bottom: 5px; }
JOSH you are a magician! Thank you so much for this tutorial! So wonderful to know how to make a website look more like a printed document! THANK YOU THANK YOU
The timing on this couldn't have been better! I was just finishing up a website this morning, and getting frustrated that I couldn't get my bullets to indent the way I wanted. Five minutes later, this pops up. Thanks Josh!
Love it, Matt! Thanks for letting me know :) Nothing better than a timely tutorial I know!
Josh, whether I knew how to do it or not, it is not the point the point is how clear and easy you explain everything just enjoying so much and learn from you so much since I subscribed to your channel thank you so much
Thanks for your feedback Nissim!
Life saver (okay time saver)! Finally tired of the time to line these up. Thanks so much!!!
Your Style of explaining was very Easy to understand. Thank you very much for the tutorial josh. It helped. God Bless
Really cool Josh. My site is going to look fantastic because of your help. Thanks so much.
Awesome! Thanks, Josh. This solved a problem I've had with Divi since I got it in 2016.
MUCH appreciated and did the trick I needed
Again genius content from genius brain.
ha I don't know bout that!
Awesome, thanks :)
Question: do you know how to change the 2nd (and 3rd...) indent of the bulletlist?
• this is just a simple list
- the 2nd indent does not change in Divi, i would like another sign
The indent styling is now an option to configure within the text module > bullet styling
@Dominic I'm running the latest version of Divi and do not see that...Using the text module. Would be nice to have for sure...
Thank you so much, Josh!! Question: if you have a nested list, so.. an OL set inside a UL set, what would the code be to have the text line up correctly under the OL? (Mine currently isn't).
I need the answer to this! Did you find a solution?
Can you show how to make non solid bullets that are nested inside of bullets? I tried custom coding this but it didn't work. it kept them all solid. Also, how can I indent text event when it's not a bullet point or number?
Hey Josh, I've looked around for an answer, but no luck. After updating my CSS, even after deleting the Cache, my results don't show up until hours or even a day later. If I move to a different computer, I'll see the changes most of the time. Is there a server-side cache that I should be making changes to? Any thoughts would be great.
Hi Josh, Thank you, this was really helpful. I have some lists which use letters and I would normally use but it continues to show the number. I would really appreciate the help. Thanks in advance.
This CSS does NOT deal with nested lists. For instance, add an unnumbered list under a numbered list (i.e. 1.a. for instance).
Hi Josh, there is an easier way... at the end of the bullet list press the enter key twice and it indents the bullet list as per your finished example... :-)
So that method does drop the bullets down but it doesn't indent them from the left. I just tried it on my tutorial site. Good to know how to customize them with CSS anyway to have more control of the styling and if integrating any other plugins that have bullets. Good additional trick though!
Thanks Josh 👍
I can't get this to work!
I had to use the following to accomplist this (including different spacing for OL and UL).
/* Add proper formatting to Bullet and Numbered lists */
.et-l--body ol, .et-l--body ul {
padding: 5px 0px 30px 50px;
list-style-position: outside;
}
#et-boc .et-l ol li {
padding-bottom: 10px;
}
#et-boc .et-l ul li {
padding-bottom: 5px;
}