Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #862848
    Atanas
    Guest

    Hi,

    I just saw on you Enfold Demo Overview Page an element, that I was wondering which on it is:

    When you scroll down to “other demos” it looks like “Tab-Section” or some kind of sub-menu, but the content is displayed like in tabs – which element are you using? I am talking about setting the design of the tabs “All, Blogs, Business, Coming Soon, E-Commerce” etc.

    Thanks for your help!

    #862869

    Hey Atanas,

    Thanks for contacting us!

    That element is called Tab Section and you can find it under Layout Elements tab of Advanced Layout Builder. You can see more examples here – http://kriesi.at/themes/enfold-2017/elements/tab-section/.

    If you have any other questions, please login to our forum and start a new thread under Enfold sub forum :)

    Best regards,
    Yigit

    #862876

    Hi,

    Thanks for your quick reply – I was also thinking it should be Tab-Section – but my question how do you set the design like this – that every tab has the same size and also with borders? Is there a code I need to do this? Unter Tab-Section settings there was nothing about the style?
    I found a code to set the font size:
    .av-inner-tab-title {
    font-size: 18px;
    }
    But nothing to get it like this – can you help me with advice how to do it or can you send me the CSS code if I need to add one to general styling?

    Thanks and regards

    #863548

    Hi,

    I am not sure if i understood you clearly. Could you please post a link to your page and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Best regards,
    Yigit

    #863569

    Hi,
    Well if you see the Demo Overview page (http://kriesi.at/themes/enfold-overview/) the tabs are all with the same size and style, all in a frame or with borders I guess. But there is no such option to set like this – I can either have only title or with image or with icon, but I can not set this kind of frame you have – when you check the screenshot on imgur (https://imgur.com/a/Cgkyw) – the tabs are all the same, the active one is different Color – I guess this can be set under Colors/Active Tab Font Color… But there is nothing to set the tabs size and style – the default screenshot looks like this – https://imgur.com/a/bH11q – there is also no border around all the tabs like in the first screenshot…
    When I try to set tabs I get something like that – http://globeltag.de/test – the first one is only title – than I have the second and third tab not readable, because the title is to long. The second try is – I have the title as part of the image, but than is too small…
    And I could not find a way to get the border around etc.

    I hope this descriptions helps better?

    Thanks and regards,
    Atanas

    #864568

    Hi,

    We do not have an option for them to be equal sized, that is been created with our demo to be equal everywhere.
    To understand properly what you mean, you want to have the option for all the tabs to have the same height, as lets say equal columns, basicly based on the height of one of the tabs?

    Best regards,
    Basilis

    #866127

    Hi,
    Sorry for my delayed reply, I was away for few days…
    Well as you can see in my example does not look very good (http://globeltag.de/test ) – both examples on the page, that´s why I was wondering if there is a short code to get it like your example (https://imgur.com/a/Cgkyw) – your design looks a lot better with all the buttons (tabs) with the same width and all with borders etc. In the tab settings there is nothing about borders/frames and size of the tabs – even if by default the size is set to equal everywhere, than I have to choose shorter titles, but still can not set the same design like on your demo-page.

    Thanks and regards,
    Atanas

    #866856

    Hi,

    You can add a ” height ” so with that, you can make the tabs to have the same size on a way.

    Best regards,
    Basilis

    #867034

    Hi,

    Thanks – do I need a special code for height?

    Regards,
    Atanas

    #867712

    Hi Atanas,

    THe height is set via css.
    For example, just a random container

    
    .av-inner-tab-title {
      height: 20px;
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.