Home › Forums › Pro Themes › Travel Eye Pro › Change the Red color.

Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 8, 2016 at 10:29 pm #25192
    visual1bc
    Participant

    Hi,
    Have made good progress on customizing the design. One thing I’m having trouble with is changing from the Red to a Blue throughout. I’ve been able to change some things, but not all. Like the header icons for example, the hero graphic navigation and the feature origin feature buttons.

    http://www.babinesteelheadlodge.com

    December 9, 2016 at 1:22 am #25218
    wensolutions
    Keymaster

    Hello @visual1bc,

    You can change the remaining colors to your desired site color ( blue ) by pasting in the following custom CSS in your Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS :

    .so-widget-sow-hero .sow-slider-base .sow-slider-pagination li.sow-active a, .so-widget-sow-hero .sow-slider-base .sow-slider-pagination li a:hover {

    background-color: #1e73be!important;
    opacity: 1!important;

}

.so-widget-travel-eye-testimonial-carousel .slick-arrow::after {

    background: none 0px 0px repeat scroll rgb(30,115,190)!important;

}

.so-widget-travel-eye-testimonial-carousel .testimonial-summary::before {

color: rgb(30,115,190)!important;

}

.sow-features-list .sow-features-feature p.sow-more-text a:hover {
    background: rgb(30,115,190)!important;
}

    Please let us know how it goes.

    Best Regards !!

    December 9, 2016 at 2:07 am #25222
    visual1bc
    Participant

    Brilliant, thanks. That worked for everything except the Contact info icons at the top of the homepage (possibly a font) and the More buttons at the bottom of the homepage.

    December 9, 2016 at 2:30 am #25223
    wensolutions
    Keymaster

    Hello,

    The following additional Custom CSS should help you with the remaining sections :

    #quick-contact li::before {
    color: #1e73be!important;
}

#quick-contact li a:hover {
    color: #1e73be!important;
}
#quick-contact li a:hover::after {
    background-color: #1e73be!important;
}
.sow-features-list .sow-features-feature p.sow-more-text a {
    color: #1e73be!important;
}

    Hope this Helps,

    Best Regards !!

    December 9, 2016 at 2:58 am #25230
    visual1bc
    Participant

    Perfect! And so FAST! I appreciate your time.

    September 9, 2017 at 7:16 pm #52880
    Ashley Moss
    Participant

    Thanks! How do you change the red arrows to blue in the sidebar widget?
    (http://staging.orlandotravelcompany.com/category/blog/)

    September 10, 2017 at 11:36 pm #53016
    wensolutions
    Keymaster

    Hello @lynaeash,

    To change the color of the arrow from red to blue use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .widget-area ul li::before {
    color: #297db5;
    }

    Hope this helps .

    Best Regards!!

    September 12, 2017 at 5:41 pm #53158
    Ashley Moss
    Participant

    Thank you! This works. : )

    September 13, 2017 at 12:27 am #53168
    wensolutions
    Keymaster

    Hello @lynaeash,

    Glad that we could help you .

    If you have any confusion further then please do not hesitate to post them .

    Best Regards!!

    Have a good day .

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.