Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #582893

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

    #583549

    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

    #583580

    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!

    #584682

    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

    #584751

    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

    #585679

    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

    #585783

    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;
    }

    #586302

    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

    #586326

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

    #587211

    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

    #587247

    Hi Vinnie, please retry now

    #587306

    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.
    #587319

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

    #587716

    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.
    #587971

    awesome :)
    Many thanks !!

    #588565

    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

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