Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #1204125
Plus Icon Color (Accordion)
Closed

Comments

  •  1
    harrybrowndesign started the conversation
    June 12, 2017 at 8:55pm


    Hi, i would like to change the color of the "plus" icon  on the accordion to match the color of each tittle and border , Is it possible (i can'd give you access with my credentials)

    thank you 

  •  444
    Sergio replied
    June 13, 2017 at 11:23am

    HI!

    pls. share the wp-admin access, we'll check

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  1
    harrybrowndesign replied
    June 13, 2017 at 11:24am

    There's an issue with your IP and my hosting service won't let you in. Is there any possibility to text me the code and the instructions?
    Thanks

  •  444
    Sergio replied
    June 13, 2017 at 1:50pm

    Hi,

    Give me your page with the accordion,  I'll try to solve the problem without wp-admin access

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  1
  •  444
    Sergio replied
    June 14, 2017 at 2:44pm

    HI!

    pls. use following css:

    /*ASESORAMIENTO JURÍDICO INTEGRAL*/
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #fcc109 !important;
    color: #fcc109 !important;
}
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #fcc109 !important;
    color: #fcc109 !important;
}
/*CONTRATOS Y CLÁUSULAS*/
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #37a3dc !important;
    color: #37a3dc !important;
}
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #37a3dc !important;
    color: #37a3dc !important;
}
/*DERECHO Y ADMINISTRACIÓN PÚBLICA*/
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #5a4495 !important;
    color: #5a4495 !important;
}
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #5a4495 !important;
    color: #5a4495 !important;
}
/*CONFLICTOS Y DEFENSA JUDICIAL*/
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #e72063 !important;
    color: #e72063 !important;
}
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #e72063 !important;
    color: #e72063 !important;
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  1
    harrybrowndesign replied
    June 14, 2017 at 2:52pm

    It almost work, but only changed 1 of the axes of the +. see the example.
    The vertical pink axe is in every rectangle.


  •  444
    Sergio replied
    June 15, 2017 at 8:39am

    HI,

    Sorry, I made a small mistake in the code

    pls. use following CSS:

    /*ASESORAMIENTO JURÍDICO INTEGRAL*/
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #fcc109 !important;
    color: #fcc109 !important;
}
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
#asesoramiento .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #fcc109 !important;
    color: #fcc109 !important;
}
/*CONTRATOS Y CLÁUSULAS*/
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #37a3dc !important;
    color: #37a3dc !important;
}
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
#contratos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #37a3dc !important;
    color: #37a3dc !important;
}
/*DERECHO Y ADMINISTRACIÓN PÚBLICA*/
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #5a4495 !important;
    color: #5a4495 !important;
}
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
#administracion .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #5a4495 !important;
    color: #5a4495 !important;
}
/*CONFLICTOS Y DEFENSA JUDICIAL*/
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
    border-color: #e72063 !important;
    color: #e72063 !important;
}
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, 
#conflictos .vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
    border-color: #e72063 !important;
    color: #e72063 !important;
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  1
    harrybrowndesign replied
    June 15, 2017 at 10:18am

    Thank you! now it works perfectly ;)

  •  444
    Sergio replied
    June 15, 2017 at 10:19am

    HI, 

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.