Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1042428

    hello
    i try to set enfold full-width button tabs and images on it.
    now it looks:


    http://s6.ifotos.pl/img/Screen-Sh_qwxrxsn.png

    I would :

    http://s5.ifotos.pl/img/Screen-Sh_qwxrxse.png

    thx for help

    • This topic was modified 6 years ago by osukaru.
    #1042467

    Hey osukaru,
    Thank you for the images, please include the url to the page so we can investigate.
    If the page is draft or hidden, please include a admin login.

    Best regards,
    Mike

    #1042474
    This reply has been marked as private.
    #1042608

    Hi,
    Thanks for the login, as I took a closer look I found the your images are not the compete words, please see links in the Private Content area.
    and the only images for them are very large, so they seem to be getting cropped when they are added to your tabs.
    Please try uploading some smaller images for the tabs, such as 200px wide.

    Best regards,
    Mike

    #1043082

    Hello i add 200px wide images.
    And 3 images look good, but only one is cropped to 180px :(

    I try use Quick css to scale image tabs full-width… but not work.

    .av-tab-section-tab-title-container {
        padding-top: 0px !important;
    }
    #top .av-section-tab-title {
        width: 25% !important;
    }
    
    #1043102

    Hi,
    I see that your tab sections are 25% wide now, so adding this css will center the tabs and make them bigger with bigger images:

    span.av-tab-arrow-container,span.av-tab-section-image {
    margin: auto !important; 
    }
    span.av-tab-section-image {
    background-size: cover !important; 
    width: 180px !important; 
    }

    Please see the screenshot in Private Content area.
    so that solves all but the “friends” one, to solve the image crop, please try uploading your images at 180px.

    Best regards,
    Mike

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