Changing whole color palette of wp travel log.

Homepage Forums Travel Log Changing whole color palette of wp travel log.

Tagged: 

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5927

    forgottencnz
    Participant

    Hi,
    First of all I would like to thank you for the wp travel theme. It’s awesome design and I love to use it.
    The default set of colors are shades of red. And I would like to change that to the specific color palette of my logo. Is there a way to simply recolor every colored element of the website? By creating a child theme or just by css code?

    Thank you

    #5935

    Support Team
    Keymaster

    Hello @forgottencnz,

    Thank you very much for the appreciation and we hope you have a great time using it.

    As for the color option currently, we do not have the option to change the color of different parts of the theme and to change them entirely into some other color requires lots of custom CSS.

    Hope this clears up the confusion.

    But if there are some essential parts that you want to change the color for then please let us know and we will provide you some custom CSS.

    Thank you.

    Best Regards!!

    Have a good day 🙂 .

    #6150

    forgottencnz
    Participant

    Thank you for your quick response.
    I’ve managed to use inspect element option in my browser to create custom css code for purpose of recoloring specific objects. But there is one thing I am struggling to find code for and that’s the loader’s 8 red dots. If you could provide me with that code it would be great.

    Best regards 🙂

    #6152

    Support Team
    Keymaster

    Hello @forgottencnz,

    Glad that you managed the color option by yourself.

    Not change the color fo the loader use below given CSS.

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

    .fountainG @keyframes bounce_fountainG{
     0%{
     transform:scale(1);
     background-color: #2808ec;
     }
    
     100%{
     transform:scale(.3);
       background-color:rgb(255,255,255);
     }
    }
    .fountainG {
       background: #333;
    }

    Here change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

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

You must be logged in to reply to this topic.