• Resolved awr10e

    (@awr10e)


    Hi

    What CSS code do I need to change the font color of the arrows of the collapsed row?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Aurovrata Venet

    (@aurovrata)

    you’ll need to hire a front-end developer to do this. It is beyond the scope of support provided in this forum.

    Or you may want to learn how to do it on your own.

    Thread Starter awr10e

    (@awr10e)

    I’m fairly clued up on CSS, but no matter what I tried nothing worked. I did manage to get the down arrow (once opened) to change.

    If you let me know the specific elements, that would be great

    Thanks

    Plugin Author Aurovrata Venet

    (@aurovrata)

    the arrows are using CSS pseudo classes :before

    you can access them with the following rule,

    .cf7sg-slider-section .slider-control::before {
    
    }
    Thread Starter awr10e

    (@awr10e)

    Hi

    I found by putting the following code in the Custom CSS works, and changes the arrows to white rather that the default colour.

    /** Change color of arrow**/
    .ui-state-active .ui-icon, .ui-button:active .ui-icon, .ui-icon, .ui-widget-content .ui-icon{
      background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/images/ui-icons_ffffff_256x240.png")!important;
    } 
    Plugin Author Aurovrata Venet

    (@aurovrata)

    sorry, my mistake, I thought you were referring to the slider arrows.

    color of the arrows of the collapsed row?

    the collapsible rows are enabled using jquery accordion ui, hence the colour is set by the ui theme (the plugin using the Smoothness theme by default).

    In the future I hope to transition to pure CSS collapsible rows.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Arrow color’ is closed to new replies.