Tagged: tabs
-
AuthorPosts
-
May 31, 2017 at 7:18 pm #802152
Hi Support Team,
Is it possible to remove the black and white overlay for the tab icons? I’d like all my tabs to look like the first one (original colors).
I’d also like to know if it is possible to flip the arrow right below the tab icon, which indicates which tab is being activated.Thanks
May 31, 2017 at 8:38 pm #802167Hey jolian123,
Add the following to quick css:
.av-tab-section-image{ filter:none!important; }
Let me know if this works.
Best regards,
Jordan ShannonMay 31, 2017 at 8:43 pm #802174It worked thank you, now what about the arrow?
Is it possible to alter that?Thanks
May 31, 2017 at 9:05 pm #802182Hi,
You would like it to point down instead?
Best regards,
Jordan ShannonMay 31, 2017 at 9:08 pm #802184Yea exactly
June 1, 2017 at 4:49 am #802295Hi,
To solve this, just add the following custom code:
.av-tab-arrow-container { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
Best regards,
John TorvikJune 1, 2017 at 8:34 pm #802766Hi John,
That’s not exactly what I was going for, sorry for my lack of explanation.
See the screenshots below, for what I was going for:
I’m looking for that effect on each tab, an arrow pointing down for each tab section. Just like the arrow pointing down above the 18 years running in orange section.Thanks
June 1, 2017 at 9:45 pm #802781Also, if I wanted to change the color of my tab arrow, how would I go about doing so?
Thanks
June 5, 2017 at 4:41 pm #804027Any news?
June 5, 2017 at 10:08 pm #804188Hi,
.av-tab-arrow-container:after {
color:
}where color is the corlor your arrow should have.
Best regards,
BasilisJune 7, 2017 at 6:04 pm #805212Hi,
I added this last ^ bit of code, nothing happened
June 8, 2017 at 5:10 pm #805670June 9, 2017 at 4:08 pm #806121Can someone help me?
June 12, 2017 at 5:22 am #806696Hi,
I’m very sorry for the late response. The following css code should change the color of the tab title arrow.
#top .av-tab-arrow-container span { background-color: red; }
Best regards,
IsmaelJune 13, 2017 at 4:57 pm #807570Thanks!
Another question for this tab plugin:
Would it be possible to have it limited to be 3 images on a line on mobile? Instead of 1 continuous row?
Also, could I make it to only show the image associated with the tab on mobile and hide the text?June 14, 2017 at 10:01 am #807876Hi,
I’m sorry but the customization that you’re after requires major modification in the scripts and it is beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.
// http://kriesi.at/contact/customization
Anyway, one workaround is to add different tab sections that are specifically created for mobile. Use css media queries to toggle the display properties of the elements.
// http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
IsmaelDecember 21, 2017 at 10:57 pm #891397Good evening sirs,
I would like to customize main menu tabs for achieving something like this:
https://ilovetoledo.)
(Just the tabs, not talking about the line on the header)…Is it possible in enfold? If not, any of you that know fairly well this theme can send me a budget for making this? (the line as well=)
December 22, 2017 at 6:40 am #891472December 22, 2017 at 11:09 am #891532Hello Ismael,
this is the site,
(attached privately)
Thanks!December 22, 2017 at 1:26 pm #891563Hi again,
Sorry for disturbing again,
Just to let you know that I tried this:and it´s not working…no changes at all
Thanks in advance
December 23, 2017 at 5:19 pm #891826Hello.
Can anyone help with this?
ThanksDecember 24, 2017 at 4:19 am #891908Hi,
I’m sorry for the delay. Please note that we don’t provide support for third scripts or plugins. You can contact the plugin or script author for more info if you really need to implement the custom tabs.
Best regards,
IsmaelDecember 24, 2017 at 4:20 am #891909 -
AuthorPosts
- You must be logged in to reply to this topic.