Spread Listing Details Tabs Evenly

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

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

Open Support Ticket
  • Author
    Posts
  • #10869

    directory
    Expired Member
    Post count: 1502

    How can I spread the listing details tabs evenly?

    Thank you in advance for your assistance. 🙂

    #10875

    Simone
    Expired Member
    Post count: 3515

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

    #10878

    directory
    Expired Member
    Post count: 1502
    This reply has been marked as private.
    #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.

    #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.

    #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!

    #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.

    #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…

    #11242

    purpleedge
    Expired Member
    Post count: 539

    Works here!

    #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.

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
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount