- Posts: 206
 - Thank you received: 0
 
Using lists with linked headings rather than paragraph
- 
        Danimeeka
Active member - 
            
				
                            Topic Author
                                 - Member
 - 
            
         
        Less
        More
        
            
    
        
            
        
                4 years 1 month 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: 6900
 - Thank you received: 737
 
            
        
                4 years 1 month ago         -  4 years 1 month 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: 4 years 1 month ago  by milos.            
            Please Log in to join the conversation.
        Time to create page: 0.211 seconds