- Posts: 198
- Thank you received: 0
Using lists with linked headings rather than paragraph
-
Danimeeka
Active member - Topic Author
- Member
Less
More
3 years 3 months ago #48110
by Danimeeka
Using lists with linked headings rather than paragraph was created by Danimeeka
Hi,
Fairly frequently I am asked to create a list, either ul or ol, using H3 format instead of paragraph. The list then has the features and increased line spacing provided by H3 format. These can then link to different parts of the website. Is it possible to do this with Sparky Page Builder?
Alternatively, how to I increase paragraph spacing in a list block?
Also, how do I link each line of a list separately?
Thanks,
Julia.
Fairly frequently I am asked to create a list, either ul or ol, using H3 format instead of paragraph. The list then has the features and increased line spacing provided by H3 format. These can then link to different parts of the website. Is it possible to do this with Sparky Page Builder?
Alternatively, how to I increase paragraph spacing in a list block?
Also, how do I link each line of a list separately?
Thanks,
Julia.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6766
- Thank you received: 719
3 years 3 months ago - 3 years 3 months ago #48113
by milos
Replied by milos on topic Using lists with linked headings rather than paragraph
Hi Julia,
The List block can be used for making only the regular unordered or ordered lists:
or:
You can use Custom HTML code block if you want to add other elements inside the list:
The spacing of the list (ex. "spaced") block can't be changed directly in the page builder. However, you can add a class to the List block and then style it in your template CSS:
Now, if you use the "spaced" class in the other List block, it will have the same spacing.
To add a link to the list element, select the text of the list element, click the link icon above (above the List block) and add your link.
www.hotjoomlatemplates.com/sparky-page-b...entation/blocks/list
Regards,
Milos
The List block can be used for making only the regular unordered or ordered lists:
Code:
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
Code:
<ol>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ol>
You can use Custom HTML code block if you want to add other elements inside the list:
Code:
<ul>
<li><h3>item 1</h3></li>
<li><h3>item 2</h3></li>
<li><h3>item 3</h3></li>
</ul>
The spacing of the list (ex. "spaced") block can't be changed directly in the page builder. However, you can add a class to the List block and then style it in your template CSS:
Code:
.spaced li {
margin-bottom: 30px;
}
Now, if you use the "spaced" class in the other List block, it will have the same spacing.
To add a link to the list element, select the text of the list element, click the link icon above (above the List block) and add your link.
www.hotjoomlatemplates.com/sparky-page-b...entation/blocks/list
Regards,
Milos
Last edit: 3 years 3 months ago by milos.
Please Log in to join the conversation.
Time to create page: 0.150 seconds