Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #103172
    de DIY Diva
    Participant

    Hello,
    I changed the original red colour of the theme in my turquoise within all colour options. But still there are some texts that remained red, mostly by hovering:
    – read more button
    – search logo in main menu
    – lining of the search word entering space
    – date of the blogs on the frontpage
    – portfolio titles
    – the “to top” logo
    I can’t find the option how to change everything from red to my colour…
    Can you please help?

    #103173
    de DIY Diva
    Participant

    Thank you,
    my site is http://www.diydiva.nl/

    #103226
    Pratik
    Keymaster

    HI de DIY Diva,

    To change those, you need to do it via custom CSS. Use following CSS code:

    
    /* Read More button*/
    .site .more-button a:hover, 
    .site .more-button a:focus, 
    .reply a:hover, 
    .reply a:focus {
        background-color: #0acbee;
        border-color: #0acbee;
    }
    
    /* Search toggle and Date of the blogs on the frontpage */
    #search-toggle:hover, 
    #search-toggle:focus,
    #main .entry-meta a:hover, 
    #main .entry-meta a:focus, 
    #main .entry-meta .posted-on a:hover, 
    #main .entry-meta .posted-on a:focus, 
    .entry-footer a:hover, .entry-footer a:focus {
        color: #0acbee;
    }
    
    /* lining of the search word entering space */
    input[type="date"]:focus, 
    input[type="time"]:focus, 
    input[type="datetime-local"]:focus, 
    input[type="week"]:focus, 
    input[type="month"]:focus, 
    input[type="text"]:focus, 
    input[type="email"]:focus, 
    input[type="url"]:focus, 
    input[type="password"]:focus, 
    input[type="search"]:focus, 
    input[type="tel"]:focus, 
    input[type="number"]:focus, 
    textarea:focus {
        border-color: #0acbee;
    }
    
    /* Portfolio title */
    #portfolio .hentry .entry-title a:hover, #portfolio .hentry .entry-title a:focus, #portfolio .hentry .entry-meta a:hover, #portfolio .hentry .entry-meta a:focus {
        color: #0acbee;
    }
    
    

    To top color should be manageable from Appearance=> Customize=> Color Options=> Scrollup color

    Let me know how it goes.

    Regards,
    Pratik

    #103285
    de DIY Diva
    Participant

    Thank you. Indeed it works, except for the “go-to-top” logo, the arrow upwards. That’s still red.

    I didn’t mention it before, but in footer 4 I have my Google adsense advertorials (1 over 1 column). This background is still red (and also broader than the rest, even crossing the background).

    I have a suggestion concerning colours. It’s great there are a lot of options in the theme colour section. But most people won’t use it, because a lot of colours make your site look like a christmastree and isn’t reading fine. I would prefer the possibility to choose one (maybe two) theme colours. For example: all the red can be changed in another colour. That’s easier for customers. (And maybe also easier for programming it???)

    Anyway: thanks for so far!
    Regards,
    Martine

    #103290
    Pratik
    Keymaster

    Hi deDIYdiva,

    I checked in our site and the color option for scroll to top is working fine. It is in Appearance=> Customize=> Color Options=> Scrollup color. This should work. If it does not, use following CSS:

    
    #scrollup:hover, #scrollup:focus {
        color: #0acbee;
    }
    

    About providing color schemes, although this is a good idea, it is practically impossible to provide and satisfy all users with a few color schemes. So, we decided to add several color options section wise. Hope you understand.

    Regards,
    Pratik

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Colour still red’ is closed to new replies.