Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 4, 2015 at 7:25 pm #547226
    juliaroder

    Hi there, how can i change the look of the accordion (not the slider, text accordions), i cannot find any style options here for this. Thank you

    December 5, 2015 at 8:04 am #547371
    Rikard

    Hi juliaroder,

    Could you provide us with a link to the site in question so that we can take a closer look please? Also please try to be as specific as possible with what you would like to change. A screenshot highlighting your intentions might help us understand better.

    Regards,
    Rikard

    December 9, 2015 at 6:29 pm #549916
    juliaroder

    http://185.123.96.101/~cirugiap/web/

    Hi Rikard

    the site is in complete construction, what i mean is this, i attach screenshots:
    first one as it is now, and second as i would like it to look, or any change of colour instead of grey would do it.

    oh i cannot find the option to upload any image here, well i explain, the accordion is now with grey plus signs in a box, is there any way to style this?

    Thank you Rikard`

    December 9, 2015 at 11:36 pm #550026
    Dake

    Hi!

    You can change the color of the plus icon with the below css:

    .toggle_icon .vert_icon {
	border-color: #000000 !important;
}

.toggle_icon .hor_icon {
	border-color: #000000 !important;
}

    Best regards,
    Dake

    December 9, 2015 at 11:45 pm #550036
    juliaroder

    Hi Dake thank you very much, is it ok if i ask you how to do css for this look :
    http://www.clinicaesteticamarbella.com/#medicina-estetica-corporal (please see the accordion there)
    I know its a lot to ask, if you cant help me i understand! Thanks again

    December 10, 2015 at 12:29 am #550044
    Dake

    Hi!

    Please insert the following css into your custom css section:

    .toggle_icon .vert_icon {
    border-left-width: 1px !important;
    left: 6px !important;
    top: -1px !important;
    height: 15px !important;
    border-color: #3156A3 !important;
}

.toggle_icon .hor_icon {
    border-top-width: 1px !important;
    top: 6px !important;
    left: -1px !important;
    width: 16px !important;
    border-color: #3156A3 !important;
}

.toggle_icon {
    border-width: 0px !important;
}

.togglecontainer .single_toggle .toggler {
    border-left: none !important;
    border-right: none !important;
}

.toggle_content {
    border: none !important;
}

.toggler, .main_color .toggler.activeTitle {
    background: #3156A3;
    color: #ffffff;
}

.toggler, .main_color .toggler.activeTitle:hover {
    background: #3156A3;
    color: #ffffff;
}

.toggler, .main_color .toggler.activeTitle .toggle_icon .hor_icon {
	border-color: #ffffff !important;
}

    Cheers!
    Dake

    December 10, 2015 at 12:07 pm #550290
    juliaroder

    Hi Dake you are my King of the day thank you soooooo very much!!! super support!!!!!!!!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘accordion colours’ is closed to new replies.