Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

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 

  •  433
    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

  •  433
    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
  •  433
    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.


  •  433
    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 ;)

  •  433
    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.