Using lists with linked headings rather than paragraph

More
2 years 6 months ago #48110 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.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 6 months ago - 2 years 6 months ago #48113 by milos
Hi Julia,

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>
or:
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: 2 years 6 months ago by milos.

Please Log in to join the conversation.

Time to create page: 0.322 seconds
Powered by Kunena Forum