Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 14, 2016 at 9:35 am #582893
    eliuserman

    Hi
    I would like to edit the toggle appearance of the accordion control.
    In which CSS file can I find it?

    February 15, 2016 at 4:32 pm #583549
    Yigit

    Hey!

    You can add your custom CSS code into Quick CSS field in Enfold theme options > General Styling tab. If you need help, please post the link to your page and a screenshot showing the changes you would like to make.

    Best regards,
    Yigit

    February 15, 2016 at 5:01 pm #583580
    eliuserman

    Thanks Yigit
    Please see the link in the private section.
    Scroll down to “Where to find us”:
    1. Note that the ‘+’ buttons has the same color of the background and therefor not seen (I don’t know how come since I never played with it…)
    2. I would also like to increase the font size and change it’s color, of the selected tabs (the selected country)
    Appreciate any help
    Thanks!

    February 17, 2016 at 1:24 pm #584682
    Vinay

    Hi!

    Please add the below code to Enfold > General Styling > Quick CSS

    Feel free to change the values for .toggler to change the text size and color.

    .toggle_icon .vert_icon, .toggle_icon .hor_icon  {
	border-color:#FFF!important;
}

.toggler {
	font-size: 18px;
	color:#fff;
}

    Regards,
    Vinay Kashyap

    February 17, 2016 at 2:39 pm #584751
    eliuserman

    Hi Vinnie
    Many thanks, works great.
    Additional question:
    I’m trying to make it yellow when selected/hover and so fare I made it only on selected title…
    Take a look at the bottom of this page: http://numlighting.com/contact-numlighting-wall-modular-light-tile-system-compositions
    what should I add to make it yellow both on the icon and title in selected/hover states?
    Thanks agian

    February 18, 2016 at 8:50 pm #585679
    Vinay

    Hi!

    Please use the below code to make both icon and text yellow when you hover

    .toggler:hover .toggle_icon .vert_icon, .toggler:hover .toggle_icon .hor_icon  {
	border-color:gold!important;
}

.toggler:hover {
	color:gold!important;
}

    Best regards,
    Vinay Kashyap

    February 18, 2016 at 10:58 pm #585783
    eliuserman

    Hi Vinnie
    many thanks again
    Does not work…
    Here is the entire code I have regarding this issue, maybe there is conflict there?

    .toggle_icon .vert_icon, .toggle_icon .hor_icon {
    border-color:#f4f1ee;
    }
    .toggle_icon .vert_icon.activeTitle {
    color:#ffd500!important;
    }

    .toggler {
    font-size: 24px;
    color:#f4f1ee;
    }
    .toggler.activeTitle {
    color:#ffd500;
    }
    .toggler:hover .toggle_icon .vert_icon, .toggler:hover .toggle_icon .hor_icon {
    border-color:ffd500!important;
    }

    .toggler:hover {
    color:ffd500!important;
    }

    February 19, 2016 at 8:47 pm #586302
    Vinay

    Hi!

    The code should work please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

    Cheers!
    Vinay Kashyap

    February 19, 2016 at 9:41 pm #586326
    eliuserman

    Hi Vinnie
    With pleasure.
    Please note that there are many plugins in use (it’s a client website…)
    Many thanks man!

    February 22, 2016 at 3:45 pm #587211
    Vinay

    Hey!

    The login credentials you’ve provided do not work please send us working login credentials with user role as ‘administrator’ and permission to disable all plugins and add css if necessary to resolve the issue.

    Best regards,
    Vinay Kashyap

    February 22, 2016 at 4:20 pm #587247
    eliuserman

    Hi Vinnie, please retry now

    February 22, 2016 at 5:22 pm #587306
    Vinay

    Hey!

    It works now but the use you have created is not an administrator :( just add the css i have provided on top in Enfold > General Styles > Quick CSS and let us know.

    Regards,
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    February 22, 2016 at 5:35 pm #587319
    eliuserman

    Hi, sorry, you were right!
    Now it is Admin

    February 23, 2016 at 2:18 pm #587716
    Vinay

    Hi!

    We are working on your ticket please wait while we update the results here soon.

    It’s working on my end now if you do not see the changes please refresh the page a few times.

    We added this extra block of code.

    .toggler.activeTitle .vert_icon, .toggler.activeTitle .hor_icon  {
        border-color:#ffd500!important;
}

    Cheers!
    Vinay Kashyap

    • This reply was modified 8 years, 8 months ago by Vinay.
    February 23, 2016 at 9:12 pm #587971
    eliuserman

    awesome :)
    Many thanks !!

    February 24, 2016 at 6:15 pm #588565
    Vinay

    Hey!

    Glad we could help you with this. we really appreciate if you rate our theme on themeforest :)
    Please feel free to get in touch with us if you have any questions.

    Thank you for using Enfold :)

    Regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Toggle of Accordion’ is closed to new replies.