- Posts: 160
- Thank you received: 1
pagination vertical not horizontal
- 
        hkeyzer
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        
            
        
                10 years 3 months ago                #45614
        by hkeyzer
    
    
            
            
            
            
            
                                
    
                                                
    
        pagination vertical not horizontal was created by hkeyzer            
    
        Hi,
On this page of our site:
www.joomla-support.co.nz/index.php/immigration-news
Which is a category list of articles the pagination is laid out vertically as opposed to horizontal.
How do we make it horizontal layout?
There does seem to be quite a bit of pagination styling in joomla.css file.
Thanks
On this page of our site:
www.joomla-support.co.nz/index.php/immigration-news
Which is a category list of articles the pagination is laid out vertically as opposed to horizontal.
How do we make it horizontal layout?
There does seem to be quite a bit of pagination styling in joomla.css file.
Thanks
Please Log in to join the conversation.
- 
        ivan.milic
 Support Staff
- 
            
				  
- Moderator
- 
              
        Less
        More
        
            
    
        - Posts: 14116
- Thank you received: 1639
            
        
                10 years 3 months ago                #45615
        by ivan.milic
    
    
    
            
            
            
            
                                
    
                                                
    
        Replied by ivan.milic on topic pagination vertical not horizontal            
    
        Hello,
I saw in your template_css.css that you already have code for that but it is located in some other block. So take
ul.mostread{
margin: 15px 45px 15px 45px;
}
ul.mostread li{
display: list-item;
}
.pagination ul li
{
display: inline;
padding: 0px 5px 0px 5px;
}
from bottom of template_css.css and pop out it of that block. Take exactly like I wrote (don't take last bracket because it closing parent block and put code after it).
I saw in your template_css.css that you already have code for that but it is located in some other block. So take
ul.mostread{
margin: 15px 45px 15px 45px;
}
ul.mostread li{
display: list-item;
}
.pagination ul li
{
display: inline;
padding: 0px 5px 0px 5px;
}
from bottom of template_css.css and pop out it of that block. Take exactly like I wrote (don't take last bracket because it closing parent block and put code after it).
        The following user(s) said Thank You: hkeyzer     
            Please Log in to join the conversation.
- 
        hkeyzer
 Active member
- 
            
				 Topic Author Topic Author
- Member
- 
              
        Less
        More
        
            
    
        - Posts: 160
- Thank you received: 1
            
        
                10 years 3 months ago                #45619
        by hkeyzer
    
    
            
            
            
            
            
                                
    
                                                
    
        Replied by hkeyzer on topic pagination vertical not horizontal            
    
        Hi,
I moved that specific code to a new block and that fixed it.
Thanks again.
I moved that specific code to a new block and that fixed it.
Thanks again.
Please Log in to join the conversation.
        Time to create page: 0.167 seconds    
    