Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 23, 2018 at 4:06 am #1000571
    OhYa1337

    Hello, im looking to affect the various aspects of the accordion element, is there a page that shows all the styles for it?
    normal, hover & active

    color of the symbols (plus & minus)
    Borders
    Title
    Text
    Links

    August 23, 2018 at 3:13 pm #1000781
    Victoria

    Hey OhYa1337,

    Could you please attach a mockup of what you’re trying to achieve?

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    August 24, 2018 at 2:44 am #1001018
    OhYa1337

    1) I am looking to affect the outline border in all 3 states (normal, hover, active)
    for both the clicked and none clicked state, so all 3 states in both contexts

    2) plus also the plus & minus icon & box around each in all 3 states of both active and inactive

    3) I would also like to know the class for the text inside each content of the expanded accordian

    http://prntscr.com/km8r6f

    I have already found some of it,

    /* Accordian */
#top #wrap_all .main_color .toggler.activeTitle {
background-color: white;
color: red;
}
toggler, .main_color .toggler.activeTitle:hover {
background-color: red!important;
color: white!important;
}
toggler, .main_color .toggler.Title:hover {
background-color: red;
color: blue;
}
    August 24, 2018 at 12:07 pm #1001162
    Victoria

    Hi OhYa1337,

    Can you share the link to the page with us?

    Here are the docs for you

    Accordion

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 24, 2018 at 11:51 pm #1001440
    OhYa1337

    Yes, I was trying to figure it out myself, but I just cant find the style names for what I am trying to affect changes to.
    I would like to make these changes,

    *Default Not Selected State*
    text blue
    background grey
    icon navy
    icon border navy
    —
    icon red on hover
    icon border red on hover
    accordion border red on hover
    text red on hover
    —
    *Active Accordion State*
    text red (Already Done)
    background white (Already Done)
    icon red
    icon border red
    —
    main body text inside selected accorion
    text red
    background grey
    link red
    visited link red
    hover link underline
    —
    icon red on hover
    icon border red on hover
    accordion border red on hover
    text White on hover (Already Done)
    background Red on Hover (Already Done)

    August 26, 2018 at 8:11 pm #1001991
    Dude

    Hi,
    You can use this css code as a starting point:

    
#top .togglecontainer .single_toggle:first-child .toggler, #top .togglecontainer .taglist + .single_toggle .toggler {
    color: blue;
    background-color: lightgray;
}

#top .av_toggle_section .av-inherit-border-color span.toggle_icon .vert_icon, #top .av_toggle_section .av-inherit-border-color span.toggle_icon .hor_icon{
    border-color: navy;
}

    To change the hover colors you can add the :hover selector like 

    
#top .av_toggle_section:hover .av-inherit-border-color span.toggle_icon .vert_icon, #top .av_toggle_section .av-inherit-border-color span.toggle_icon .hor_icon{
    border-color: red;
}

    Best regards,
    Dude

    September 8, 2018 at 9:50 am #1007387
    OhYa1337

    are there choices for icons other than the + & – ?

    September 8, 2018 at 11:21 pm #1007504
    Vinay

    Hi,

    Thank you for writing to us.
    Please check the link Victory mentioned earlier.
    We updated it with all the customization options you are looking for :)

    Accordion

    Best regards,
    Vinay

    September 9, 2018 at 1:20 am #1007515
    OhYa1337

    Ahhh, yes I see that in there now!
    Thank you

    September 9, 2018 at 6:22 am #1007538
    Rikard

    Hi,

    Great, thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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