Shortcode layout

This topic contains 12 replies, has 3 voices, and was last updated by  Paolo 9 years, 1 month ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • November 4, 2016 at 7:05 am #297757

    jotomas
    Buyer
    Post count: 802

    Hi,

    Please, find enclosed an screenshot with these two shortcodes:

    [gd_popular_post_category title=Categories category_limit=40]

    [gd_cpt_categories sort_by=az post_type=gd_place hide_empty=true show_count=true]

    How can I make the second one look more like the first one?

    I mean:

    1) Smaller font size.
    2) Smaller line height.
    3) Change color of post count and post type underline from red to black.

    I look forward to your reply.

    Thanks and regards.

    November 4, 2016 at 7:40 pm #298126

    Paolo
    Site Admin
    Post count: 31211

    Link please? Screenshots can’t be inspected…

    November 4, 2016 at 8:41 pm #298148

    jotomas
    Buyer
    Post count: 802

    Hi Paolo,

    Here it is:

    http://inforoses.com/test-pagines-grogues/

    I look forward to your news.

    Thanks and regards.

    November 7, 2016 at 11:17 am #299427

    Kor
    Moderator
    Post count: 16516

    Hi jotomas,

    I’m sorry for the delay. I’ve just checked your Website and those texts can be customized using the custom CSS code below. Insert in GD > Design > Scripts > Custom Style CSS

    Customizing the category texts

    

    h3.gd-cptcat-cat {
    font-size: 14px;
    line-height: 14px;
}
    

    Customizing the Post Count
    

    

    .gd-cptcat-li .gd-cptcat-count {
    color: #000;
    font-size: 13px;    
}
    

		
	
    


    

			
				

    

	
    

		November 13, 2016 at 6:00 am

		
		#302867

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    Thank you very much for your reply.
    

    I can not get to change the line height of the list of categories. I changed “line-height: 14px;” to different values, but nothing changes. 
    

    Also, could you please let me know how to change the color of the underline under the Place name from the current red to black?
    

    You can see here how it looks now after inserting your code:
    

    http://inforoses.com/test-pagines-grogues/
    

    I look forward to your news.
    

    Thanks and regards.
    

		
	
    


    

			
				

    

	
    

		November 13, 2016 at 6:40 am

		
		#302870

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    You can forget my previous comment.
    

    I have just started to try SiteOrigin CSS plugin and I have found the code:
    

    .entry-content ul {
    
  height: 8px;
    
}
    

    .gd-cptcat-row .gd-cptcat-title {
    
  border-bottom-color: #000000;
    
}
    

    Thanks and regards.
    

		
	
    


    

			
				

    

	
    

		November 13, 2016 at 7:18 am

		
		#302871

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi again Kor Chung,
    

    It was too good to be true.
    

    This brokes the site in other places:
    

    .entry-content ul {
    
height: 8px;
    
}
    

    But I do not find the way to adjust it only for this GD layout.
    

    Could you help??
    

    Thanks once again and regards.
    

		
	
    


    

			
				

    

	
    

		November 14, 2016 at 4:34 am

		
		#303217

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi jotomas, 
    

    Could you try this custom CSS code? This should only target the category widget. 
    

    

    .geodir_cpt_categories_widget ul {
height: 8px;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		November 15, 2016 at 5:51 am

		
		#303886

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    Great! 
    

    Thanks a lot!
    

		
	
    


    

			
				

    

	
    

		November 18, 2016 at 1:28 pm

		
		#306101

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi Kor Chung,
    

    I have just seen that with Microsoft Edge browser on desktop and also on mobiles with Windows Phone and iOS, a dot appears before each category a little bit moved upwards, while this does not happen with Chrome (see attached screenshots).
    

    How could I get rid of the dots with any browser and device?
    

    I look forward to your reply.
    

    Thanks once again and best regards.
    

		
	
    


    

			
				

    

	
    

		November 18, 2016 at 7:46 pm

		
		#306364

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    HI,
    

    please add this CSS:
    

    

    .gd-cptcat-row .gd-cptcat-li {
    list-style: outside none none;
 }
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		November 18, 2016 at 9:09 pm

		
		#306421

		
		
		
	
    


    


    

	
    

		
		
    jotomas
    Buyer
    
		
		
     Post count: 802
    
	
    

	
    

		
		
    Hi Paolo,
    

    Thanks a lot!
    

		
	
    


    

			
				

    

	
    

		November 18, 2016 at 9:31 pm

		
		#306435

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    You are welcome 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 13 posts - 1 through 13 (of 13 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount