Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 22, 2019 at 8:52 am #1081760
    alsonjonsolutions

    How do i make the images smaller for the tab section – tab image.
    I tried uploading a smaller image but that does not work.

    March 24, 2019 at 11:56 am #1082222
    alsonjonsolutions

    anyone can help with this?

    March 25, 2019 at 7:59 am #1082548
    Nikko

    Hi,

    Try uploading an image with an image dimension of 301 x 180px.
    Let us know if this helps.

    Best regards,
    Nikko

    March 28, 2019 at 1:35 pm #1084087
    alsonjonsolutions

    Hi.

    doesn’t work, instead what i did was to use an icon.

    another question i have is how to remove the grayscale from the inactive tab.

    I used this codes and added into the quick CSS. But it does not work.

    /*————————————————————-
    // CSS – Remove greyscale from inactive tabs
    //————————————————————*/
    .av-tab-section-image {
    filter: none!important;
    }

    March 29, 2019 at 12:38 pm #1084549
    Nikko

    Hi alsonjonsolutions,

    Try using this css code:

    #top.home #av-tab-section-1 a.av-section-tab-title[data-av-tab-section-title="1"] {
    color: rgba(244,232,56) !important;
}

#top.home #av-tab-section-1 a.av-section-tab-title[data-av-tab-section-title="2"] {
    color: rgb(252,252,252) !important;
}

#top.home #av-tab-section-1 a.av-section-tab-title[data-av-tab-section-title="3"] {
    color: rgb(47,125,249) !important;
}

#top.home #av-tab-section-1 a.av-section-tab-title[data-av-tab-section-title="4"] {
    color: rgb(242,12,12) !important;
}

    Best regards,
    Nikko

    April 1, 2019 at 8:36 am #1085332
    alsonjonsolutions

    Hi Nikko. Thanks a lot for the help. it works now. However, is there a way to bold the selected tab.

    April 1, 2019 at 9:06 am #1085357
    Nikko

    Hi alsonjonsolutions,

    We’re glad to hear that :)
    Try adding this code as well:

    #top.home #av-tab-section-1 a.av-section-tab-title.av-active-tab-title .av-outer-tab-title {
    font-weight: bold;
}

    Best regards,
    Nikko

    April 1, 2019 at 12:17 pm #1085449
    alsonjonsolutions

    doesn’t seem to work =./

    April 1, 2019 at 12:31 pm #1085455
    Nikko

    Hi alsonjonsolutions,

    I have checked it and the code doesn’t reflect because it’s not added.
    Try to flush out the cache or temporarily disable css file merging and minification.
    Check on the css link in private content and you’ll see the last css code I suggested isn’t added.

    Best regards,
    Nikko

    April 2, 2019 at 9:11 am #1085949
    alsonjonsolutions

    Hi Nikko,

    Thanks a lot for the initiative to help me check it out. It works now. Appreciate your continuous help!

    April 3, 2019 at 5:44 am #1086355
    Rikard

    Hi,

    Great, I’m glad that you got it working and that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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