accent colour change?

Homepage Forums Travel Log accent colour change?

This topic contains 9 replies, has 3 voices, and was last updated by  Support Team 1 year, 8 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #3889

    laurenc
    Participant

    Hi,
    I was wondering if its possible to change the accent colour (default is red) to a different colour? If so, how do I do this? I am specifically referring to the menu icon, the scroll arrows/dots on the slider, the hover colour of text, etc. on the home page.
    Thanks!
    Lauren

    #3900

    Support Team
    Keymaster

    Hello @laurenc,

    The theme itself does not have the option to change the color of different parts of the theme.

    However, the color can be changed through the use of custom CSS. Go to Admin Panel > Appearance > Customize > Additional CSS and paste the CSS.

    Color of active pager  
    
    .featured-slider .travel-banner.slick-slider .slick-dots li.slick-active button:before {
        color: #3148f8;
    }
    
    Color of the inactive pager
    
    .featured-slider .travel-banner.slick-slider .slick-dots li button:before {
        color: #313ff8;
    }
    
    Color of the arrow
    
    .featured-slider .slick-prev:hover::before, .featured-slider .slick-next:hover::before {
        background: #3514df !important;
    }
    
    .featured-slider .travel-banner.slick-slider .slick-next:before, .featured-slider .travel-banner.slick-slider .slick-prev:before {
        background: #5131f8;
    }
    
    Color of Scroll to top
    
    #return-to-top {
        background: #1b2384;
       }
    
    Main Nav Hover color 
    
    .main-navigation li > a:hover {
        color: #3631f8;
    }

    Here you can change the color code as per your requirement. Also just add the CSS code only not the text.

    Hope this helps.

    Best Regards!!

    #4311

    Hi,
    Support Team,

    As per your instruction ,I have added the css but still the red color is visible in sub-menu hover,Search button and hover,Post Title Color,Thick Red line just above the footer etc.

    I want to change the red color completely to different color.

    If possible please help me to add Top Itinerary Filter in page with Sidebar.

    Passionately waiting for your reply .

    Thanks in advance

    #4326

    Support Team
    Keymaster

    Hello @laurenc,

    The color in the theme is section specific and you cannot change all the red color completely to different color at once. To change the colors you need to provide the CSS for each and every part which requires lots of custom CSS.

    So if you want to change the default color of the theme you can always consider hiring the professional developer and to do so please follow below-given link:

    http://wensolutions.com/hire-wordpress-customizer/

    The itinerary filter is only available in the Archive( Trips Listing page).

    But in case if you want to display the trips in particular page then you can use the shortcode and to know how to use the shortcode please refer to below link:

    http://wptravel.io/documentations/user-documentation/shortcode/

    But there will be no filter as in the archive page.

    Hope this helps.

    Best Regards!!

    #4894

    I have try your given CSS as well as changed the color code in _variables.scss but still the color of sub-menu hover red color is not changed.
    Please suggest some CSS or somthing.

    Thanks in advance.

    #4903

    Support Team
    Keymaster

    Hello @sumitkumarsidgmail-com,

    To change the color of different parts of the sub menu please paste below given CSS in Admin Panel > Appearance > Customize > Additional CSS.

    To Change the color of the text of sub menu:

    .main-navigation ul ul a {
        color: #196d8f;  
    }

    To change the hover color of the background of sub menu.

    .main-navigation ul ul a:hover {
        background-color: #1a1a1a;
    }

    To change the hover color of the text of sub menu

    .main-navigation ul ul a:hover {
        color: #196d8f;
    }

    You can change the color code as per your requirement.

    Hope this helps.

    Best Regard!!

    #4921

    Thanks for the above CSS ,It was very helpful.

    I have to ask one more thing-

    How i can change the Post slider, Recommended Trip Slider and in footer Title/Text/Links on hover color from red to different one?

    Thanks in Advance

    #4922

    Support Team
    Keymaster

    Hello @sumitkumarsidgmail-com,

    Nice to know that your previous issue is resolved.

    Now please add below given CSS to change the color according to your requirement.

    Color of Post slider, Recommended Trip Slider title/text links:

    Read more links:

    .post-item-wrapper .post-content .read-more-link:hover {
        color: #5cc4ef;
    }

    Title :

    .post-item-wrapper:hover .post-content h4 {
        color: #26e0ea;
    }

    Footer widget links:

    Footer footer#footer a:hover{
        color: #4267b2;
    }
    .widget ul li:before {
        color: #5cc4ef; 
    }

    Copyright section link:

    footer#footer .travel-copyright a:hover {
        color: #4267b2;
    }

    Hope this helps.

    Best Regards!!

    #4926

    laurenc
    Participant

    Can the color of the text in single itineraries/trips (i.e. on each trip page, the ‘trip type’, ‘location’, and ‘activities’), and the hover colour for the book now button also be changed?

    #5032

    Support Team
    Keymaster

    Hello @laurenc,

    As we have already mentioned in one of our replies to you, we will be including the feature of color in our premium version which is currently under development.

    Thank you 🙂 .

    If you have any other queries related to the theme then please let us know.

    Best Regards!!

    Have a good day.

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

You must be logged in to reply to this topic.