Change colors

Homepage Forums Travel Log Change colors

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

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

    Gregkar
    Participant

    Hi!

    is there a way that i can change basically whatever is red in the theme?

    things like hover over menu, read more, mailchimp subscribe button, the red line above the footer section etc..?

    Thank you!

    #6151

    Support Team
    Keymaster

    Hello @gregkar,

    Currently, there is no color option available to change the color for multiple parts of the theme.

    But the option will be available in the pro version of the theme which is currently under development.

    However, if there is an important part that you want to change the color for then please mention them and we will provide the custom CSS.

    Thank you.

    Best Regards!!

    Have a good day 🙂 .

    #6160

    Gregkar
    Participant

    do you have an approx ETA of the pro version? is it something taht will be released soon?

    Thanx!

    #6198

    Support Team
    Keymaster

    Hello @gregkar,

    Thank you very much for your concern 🙂 .

    Since it is currently under development we could not exactly mention when will it be released but hopefully, we will release the pro version very soon.

    Also, for the update on the theme and the plugin please subscribe us.

    Thank you.

    Best Regards!!

    #6199

    Gregkar
    Participant

    ok we will be waiting for the pro version with much anticipation! in the mean time is there a css code that we can change every red detail in the current theme? like the loader loading dots, hover over menu, hover over thumbs, read more, the red line above the footer etc?

    #6206

    Support Team
    Keymaster

    Hello @gregkar,

    Please find your required CSS below:

    CSS for loader:

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

    CSS for hover menu:

    .main-navigation li>a:hover {
        color: #03A9F4;
    }

    CSS for read more:

    .read-more-link:hover {
        color: #03A9F4;
        
    }

    CSS for the line above the footer.

    footer#footer {
        border-color: #3187f8;  
    }

    CSS for the thumb hover

    .post-item-wrapper .post-content, .post-item-wrapper .post-content h4:hover {
        color: #03A9F4;
    
    .post-item-wrapper .post-content h4:hover {
        color: #2196F3;   
    }

    Add all above-given CSS in Admin Panel > Appearance > Customize > Additional CSS.

    Also, change the color code as per your requirement.

    Hope this helps.

    Best Regards!!

    #6211

    Gregkar
    Participant

    thank’s a lot!

    some elements work with the codes provided and some don’t, so maybe it’s better to wait for the Pro version

    #6213

    Support Team
    Keymaster

    Hello @gregkar,

    Please mention the section that does not change its color with the CSS provided so that we can help you further.

    Thank you.

    Best Regards!!

    #6655

    maxbuzz
    Participant

    Hi,

    I tried the above and got first got the following error
    “There is 1 error which must be fixed before you can save.
    Update anyway, even though it might break your site?”
    I checked on update anyway and the results below are what I achieved

    CSS for loader:

    only the background dots change color there is no effect on the larger flashing dots

    CSS for hover menu:

    does not work

    CSS for read more:

    does not work

    CSS for the line above the footer.

    works

    CSS for the thumb hover

    does not work

    On inspecting the elements it looks like that nothing is defined in the style.css but in front-style.css
    So if I want to do a blanket change from red to a color of my choice I could change #f83531 & #df1814 for color and hover color to colors of my choice. I know this is a crude method but you could provide a way to do it through style.css it would have been great.
    Please advice.

    Thanks,

    #6875

    Support Team
    Keymaster

    Hello @maxbuzz,

    There is not many color option in the free version of the theme as you. But we are developing the pro version including variations of color option so if you want to enjoy the wide range of color option then you have to wait a little longer.

    Also if you require changing the color for few parts then we can provide the custom CSS for which please provide your site URL so that we can provide the precise fix on this.

    Thank you.

    Regards!!

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

You must be logged in to reply to this topic.