Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2020 at 12:20 pm #1261512
    ZikomoWebdesign

    Hello,

    Dont know if this question is asked before.
    I have created on my website 2 tabsection elements. (pages are in the private content)

    But is it possible to change the CSS for 1 TabSection. Because one page the tabs are with only text and the other page is the tab seperator an image.
    So what I want is;

    For page 1 setup the normal tabsection CSS that will do.
    For page 2 setup the custom CSS that will be changed into my own design.
    Example for page 2 setup;

    .av-tab-section-image {
    width: 500px !important;
    height: 303px !important;
    }

    .av-tab-arrow-container {
    width: 500px !important;
    }
    .av-inner-tab-title {
    display: none !important;
    width: 500px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    }

    Hope you can help me out?

    Kind regards.

    November 19, 2020 at 2:09 pm #1261555
    Yigit

    Hey,

    Thanks for contacting us!

    Please edit your Tab Container element on your second page and go to Advanced > Developer Settings tab and give it a unique ID (In the example I used “custom-tab”) – https://imgur.com/a/7K84Usk.
    Then use the code as following in Enfold theme options > General Styling > Quick CSS 

    
#custom-tab .av-tab-section-image {
width: 500px !important;
height: 303px !important;
}

#custom-tab .av-tab-arrow-container {
width: 500px !important;
}
#custom-tab .av-inner-tab-title {
display: none !important;
width: 500px !important;
font-size: 16px !important;
font-weight: bold !important;
}

    Regards,
    Yigit

    November 19, 2020 at 3:00 pm #1261566
    ZikomoWebdesign

    That was easy, why didnt I find it by myself…

    Thanks!

    November 19, 2020 at 3:14 pm #1261570
    Yigit

    Hi,

    Glad we could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Different CSS for the same element’ is closed to new replies.