Archived topic
Pls help with shortcode
5 replies · Started by crosby87 on August 10, 2021
Hey,
I would kindly like to ask your help with the below basic shortcode. (I do not have any coding experience).
[su_list icon="icon: check" icon_color="#1540ff"]
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
[/su_list]
The below code is provided by a plugin. First and last line are especially important and they have to stay. I would like to modify this code to increase (1) line height between the bullet points and (2) line height of text in general.
I tried to add this but it does not work:
<ul style="line-height: 5em"
Could you please help? I would insert the code into the Wordpress Shortcode plugin.
Hi there,
can you share a link to a post where i can see that list being displayed?
URLs can be added to the Private Information field.
Hi there,
thanks for the reply.
See details below.
Try this CSS:
.entry-content .su-list ul li {
line-height: 1.5em;
margin-bottom: 1.5em !important;
}The margin-bottom value is what increases the space between the bullets, and you need the !important as the SU Plugin adds it to its own CSS.
Works perfect, David - thx for the awesome help!
You're welcome
