Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 8, 2018 at 11:35 pm #910043
    ezUpstarts

    Hi, so I’m trying to remove the border radius on my tab, but I cannot seem to find the selector for it.
    And I also want to have the icons to be on top of the tab titles instead of it being on the side of it.

    If I am able to do these changes, would it also affect the responsiveness of it from desktop to mobile?

    edit:
    Also the tab content is a bit bigger than the width of the tabs. How can I make them the same width?

    • This topic was modified 6 years, 10 months ago by ezUpstarts.
    February 10, 2018 at 5:25 pm #910570
    Nikko

    Hey ezUpstarts,

    The changes wouldn’t affect it’s responsiveness since the changes needed doesn’t involve the layout, can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .main_color .tabcontainer .tab {
    border-radius: 0 !important;
    margin-right: 0 !important;
    border-left: 0;
}

#top .main_color .tabcontainer .tab.tab_counter_0 {
    border-left: 1px solid #e1e1e1;
}

#top .main_color .tabcontainer .tab .tab_icon {
    display: block;
}

    the code above should also fix the width of the tabs. Let us know if you need further assistance :)

    Best regards,
    Nikko

    February 12, 2018 at 9:59 pm #911393
    ezUpstarts

    Thanks soo much Nikko! This solved my problem :)

    February 13, 2018 at 4:21 am #911476
    Nikko

    Hi ezUpstarts,

    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,
    Nikko

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