Orange color in blog post

Color will be added to the theme options in upcoming updates.

Thanks for the quick reply.
When the updates is gonna be released?

Within 1 week

great that it will be included in the theme options! Thanks!

Hi,

Have you created the update that allows the colour change yet? I’d love to change the colour of the blog dates background and the orange lines in the blogs.

Thanks you!

j

I have seen there is an update but I cannot find this option ??

Version 1.3 will be include new tab with option “color”

Change log for 1.2.1
https://themes.fruitfulcode.com/fruitful/changelog/

ok, I will follow the change log. Thanks!

I’m changing orange color to gray with this code. Paste it to “css” tab in theme settings.

And you can set your color if replase “#808080” and “#c6c6c6”.
You can choose hex solor here https://www.color-hex.com/

header.post-header .post-title {
    border-bottom: 2px solid #808080;}

.blog_post .date_of_post {
    background: none repeat scroll 0% 0% #808080;}

a:hover, a:active {
    outline: 0px none;}

a:hover,a:focus,a:active {
    color:#c6c6c6;}

a { color: #808080;}

#page .container #secondary .widget h3.widget-title, #page .container #secondary .widget h1.widget-title {
    border-bottom: 2px solid #808080;}

header.post-header .post-title a:hover, #page .container #secondary .widget a:hover, #page .container #secondary .widget ul li.current-cat a {
color: #c6c6c6;}

.more-link:hover, .blog_post .post-content footer.entry-meta .comments-link a:hover, .blog_post .post-content footer.entry-meta .author-link a:hover, .blog_post .post-content footer.entry-meta .cat-links a:hover, .blog_post .post-content footer.entry-meta .edit-link a:hover {
color: #c6c6c6;}

here’s the code that changes the color of the buttons too

header.post-header .post-title {
    border-bottom: 2px solid #808080;
}

.blog_post .date_of_post {
    background: none repeat scroll 0% 0% #808080;
}

a:hover, a:active {
    outline: 0px none;
}

a:hover,a:focus,a:active {
    color:#c6c6c6;
}

a {
color: #808080;
}

#page .container #secondary .widget h3.widget-title, #page .container #secondary .widget h1.widget-title {
    border-bottom: 2px solid #808080;
}

header.post-header .post-title a:hover, #page .container #secondary .widget a:hover, #page .container #secondary .widget ul li.current-cat a {
    color: #c6c6c6;
}

.more-link:hover, .blog_post .post-content footer.entry-meta .comments-link a:hover, .blog_post .post-content footer.entry-meta .author-link a:hover, .blog_post .post-content footer.entry-meta .cat-links a:hover, .blog_post .post-content footer.entry-meta .edit-link a:hover {
    color: #c6c6c6;
}

a.button:hover {
background: #c6c6c6;
}

a.post-edit-link {
 color: #808080;
}

p.logged-in-as a {
 color: #808080;
}

div.post-content a {
 color: #808080;
}

p.form-submit input#submit:hover {
    color: #FFF;
    background-color: #c6c6c6;
    background: none repeat scroll 0px 0px #c6c6c6;
}

.page #comments #respond input#submit:hover, #page input#submit:hover {
    color: #FFF;
    background: none repeat scroll 0px 0px #c6c6c6;
    background-color: #c6c6c6;
}

treus: thanks!!! That saved me a lot of work digging through CSS.

BTW, great theme FrutifulCode — thanks~

Color for buttons, post date, lines, menu can be changed via theme options since version 1.3.2