This topic contains 6 replies, has 2 voices, and was last updated by  Skandha 1 week, 3 days ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #131208

    pharte
    Participant

    How do I change the color of the dots in the feature slider and also the color on the button on Footer Contact?

    #131212

    Skandha
    Participant

    @pharte: Go to => Appearance => Customize => Additional CSS add the following CSS Code.

    To Change the color of dots in the feature slider:

    #feature-slider .cycle-pager span.cycle-pager-active {
        color: #colorcode;
    }

    Replace #colorcode with the color of your choice.

    Please post in you site URL so that i can provide you with CSS Code to change color of the button at the footer.

    Let me know if you have anymore issues!

    Regards,
    Skandha

    #131263

    pharte
    Participant

    Many thanks.

    url is new.hartelaw.com

    #131295

    Skandha
    Participant

    @pharte: If you mean to change the border color of “View Larger Map” button then Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #contact-info-section .content-info-wrapper a {
          border-color: #000066;
    }

    Let me know if you have anymore issues!

    Regards,
    Skandha

    #131345

    pharte
    Participant

    Sorry, i also need to change the button face when highlighted (hover)

    #131350

    pharte
    Participant

    Also – the red arrow on the feature slider … thanks in advance.

    #131372

    Skandha
    Participant

    @pharte: To change the button color on hover Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .button-minimal:hover, .button-minimal:focus {
         background-color: #000066;
    }

    To change the color of featured slider arrow on hover Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #feature-slider .cycle-prev:hover, #feature-slider .cycle-prev:focus, #feature-slider .cycle-next:hover, #feature-slider .cycle-next:focus {
         color: #000066;
    }

    You can change the color according to your requirement!
    Let me know if this solves your issue!

    Regards,
    Skandha

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.