WordPress.org

Forums

Fruitful
[resolved] Orange color in blog post (13 posts)

  1. francesco.cianciulli
    Member
    Posted 1 year ago #

    Hi,
    great theme and also support is really helpful. I would like to change the color of the orange box in the blog post (the one with day and month).

    Even get rid of it would be better.

    The same thing for the lines (again in the post blog and in the sidebar) and the tag link.

    To sum everywhere there is default orange color.

    Thanks to everybody
    Francesco

  2. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

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

  3. francesco.cianciulli
    Member
    Posted 1 year ago #

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

  4. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    Within 1 week

  5. andracuamic
    Member
    Posted 1 year ago #

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

  6. Joedekadt
    Member
    Posted 1 year ago #

    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

  7. andracuamic
    Member
    Posted 1 year ago #

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

  8. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

    Version 1.3 will be include new tab with option "color"

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

  9. andracuamic
    Member
    Posted 1 year ago #

    ok, I will follow the change log. Thanks!

  10. treus
    Member
    Posted 1 year ago #

    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 http://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;}
  11. treus
    Member
    Posted 1 year ago #

    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;
    }
  12. djdeweese
    Member
    Posted 1 year ago #

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

    BTW, great theme FrutifulCode -- thanks~

  13. Fruitful Code
    Member
    Theme Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic