Spread Listing Details Tabs Evenly

This topic contains 9 replies, has 6 voices, and was last updated by  j007w 9 years, 9 months ago.

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

Open Support Ticket

Tagged: , ,

  • Author
    Posts
  • August 3, 2014 at 9:54 pm #10869

    directory
    Expired Member
    Post count: 1502

    How can I spread the listing details tabs evenly?

    Thank you in advance for your assistance. 🙂

    August 3, 2014 at 10:46 pm #10875

    Simone
    Expired Member
    Post count: 3515

    Hello, what you mean exactly? spread them in a specified number per page? or what 🙂

    August 3, 2014 at 10:55 pm #10878

    directory
    Expired Member
    Post count: 1502
    This reply has been marked as private.
    August 4, 2014 at 12:02 am #10884

    Simone
    Expired Member
    Post count: 3515

    Sorry, I skipped the word “tabs” from your post, now it is clear.
    Tried to spread the tabs, but I was unable to do that without losing the responsive layout
    You need to play at least with 

    dl.geodir-tab-head dd a { }

    I will notify Vikas, he might be helpful.

    August 4, 2014 at 1:41 pm #10917

    Guust
    Moderator
    Post count: 29970

    Might be a bit tricky, because some pages will not have a video tab for example and other pages do, so you can’t use fixed widths or % widths?
    But Vikas manages to surprise me all the time, so we’ll see.

    August 6, 2014 at 3:20 pm #11171

    j007w
    Free User
    Post count: 56

    Just wondering if there’s any update to this topic. I, too, would like to get all the tabs in one row if it’s possible.

    Thanks!

    August 6, 2014 at 9:30 pm #11229

    Guust
    Moderator
    Post count: 29970

    Manilaboy, did you get anywhere with this?

    007, Can you give us a URL, I take it that you have created a number of new custom fields and they now create a new row?

    I’ll see whether Vikas has some ideas and time later on today.

    August 6, 2014 at 10:56 pm #11241

    John Allsopp
    Expired Member
    Post count: 399
    

    dl.geodir-tab-head {
     display: table;
     width: 100%;
}

dl.geodir-tab-head dd {
     display:table-cell;
     float: none;
}
    

    That gets the desired effect in my testing. Not tested on mobile…
    

		
	
    


    

			
				

    

	
    

		August 6, 2014 at 11:26 pm

		
		#11242

		
		
		
	
    


    


    

	
    

		
		
    purpleedge
    Expired Member
    
		
		
     Post count: 539
    
	
    

	
    

		
		
    Works here!
    

		
	
    


    

			
				

    

	
    

		August 8, 2014 at 2:51 am

		
		#11374

		
		
		
	
    


    


    

	
    

		
		
    j007w
    Free User
    
		
		
     Post count: 56
    
	
    

	
    

		
		
    Hi Guust, I am making quite a bit of customization. It’s a mess now thought. The codes are working for me too! Thanks, everyone.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket