Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • April 12, 2018 at 1:56 pm #940955
    Martin

    Hello,

    can someone tell me why the content in a tab section is not displayed in the middle? If I push the browser window together, it is sometime in the middle, I pull on further, it remains hinged left. I used the same settings everywhere and there are no empty boxes or different distances set. Can it be that there is a malfunction in the current Enfold here?

    Best regards,
    Martin

    April 13, 2018 at 12:30 pm #941446
    Victoria

    Hey Martin,

    There is a rule limiting the max-width of the container and so it needs to be adjusted.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-framed-box .av-layout-tab-inner .container {
    max-width: 1410px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 13, 2018 at 5:58 pm #941626
    beste_medien_werbe_agentur

    Hi Victoria,

    i have the same problem, and the fix doesnt work.

    i put TAb Section (3 tabs) they are fullwith in the middle -> great.
    But the content (3 slider, one each tab) is left :(

    Best Regards
    Anton

    April 14, 2018 at 6:44 am #941826
    Rikard

    Hi beste_medien_werbe_agentur,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 14, 2018 at 10:40 am #941866
    beste_medien_werbe_agentur
    This reply has been marked as private.
    April 14, 2018 at 11:16 am #941875
    hbourdillon

    Hi there,
    In the tabs section, I have put horizontal galleries.
    Some of these galleries only have 1 or 2 images and they are over on the left hand side.
    Is there any way of centralizing these?
    Many thanks
    Helena

    • This reply was modified 6 years, 8 months ago by hbourdillon.
    April 14, 2018 at 3:45 pm #941951
    hbourdillon

    Added to that….
    When viewing the tabs/horizontal gallery (before you click to enlarge) on a mobile, It shows the middle of the image. Is it possible to have it show the top of the image instead?
    Thanks

    April 16, 2018 at 10:03 am #942485
    Martin

    I have tried it now (first in Enfold, then in CSS) and nothing has changed. The contents are still posted on the left.

    April 16, 2018 at 2:43 pm #942591
    beste_medien_werbe_agentur

    Kriesi has my link (private), i think they will have a solution today ;)

    April 17, 2018 at 3:28 am #942875
    Ismael

    Hi,


    @m_reiprich    : The tab section looks fine on my end. Could you provide a screenshot? Use imgur or dropbox. The images are center aligned because of this css declaration.

    .avia-image-container.avia-align-center .avia-image-container-inner {
    margin: 0 auto;
    display: inline-block;
    vertical-align: bottom;
}

    Best regards,
    Ismael

    April 17, 2018 at 10:19 am #943033
    Martin

    Hello,

    Unfortunately that does not look good, as the text with the picture should be in the middle of the white box. If you open the browser window on the page you can see the problem. Please look at my screen.
    Should the code be built into Enfold> General Styling> Quick CSS? I tried that, unfortunately without success.

    Best regards,
    Martin

    April 17, 2018 at 11:18 am #943052
    beste_medien_werbe_agentur

    @enfold April 14, 2018 at 10:40 am <- i posted a link with the same problem like m_reiprich,

    or i missed the problem and i should create a new thread?

    April 19, 2018 at 8:38 am #943967
    Ismael

    Hi,

    Thank you for the info.

    This css code should work.

    #top .av-layout-tab-inner .container {
    margin: 0 auto !important;
}

    Don’t forget to remove browser cache prior to testing the page.

    Best regards,
    Ismael

    April 19, 2018 at 8:42 am #943969
    Martin

    Thank you very much, it works!

    April 19, 2018 at 2:27 pm #944105
    beste_medien_werbe_agentur

    not 100% in the middle (little bit too right). [you can see it, with smaler resolutions].

    BUT: That is good enough, thank you!

    April 22, 2018 at 1:07 am #944997
    Ismael

    Hi,

    Glad it worked. :)

    not 100% in the middle (little bit too right). [you can see it, with smaler resolutions].

    Try to move the container to the left with the “left” css property that is set to a negative value.

    #top .av-layout-tab-inner .container {
    margin: 0 auto !important;
    left: -25px;
}

    Best regards,
    Ismael

    April 23, 2018 at 8:07 am #945285
    beste_medien_werbe_agentur

    i tryed it with:

    #top .av-layout-tab-inner .container {
    margin: 0 auto !important;
    left: -2%;
    }

    working good! It would be better -1,8%; but as i see only FullNummbers working.

    THaNK YOU!

    April 24, 2018 at 8:14 am #945722
    Ismael

    Hi,

    Awesome! Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Tab Section?’ is closed to new replies.