[de DIY Diva]

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?

[de DIY Diva]

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

[Pratik]

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

[de DIY Diva]

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

[Pratik]

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

[Author]

Posts