Colour Help

  • Author
    Posts
  • #130204

    hudsonblonde
    Member

    I’m searched through the forum to adjust these settings but I couldn’t find anything, hoping you can help;

    1) CSS to change the colour of the “Leave a comment” and category colour on the home page

    2) Also change the hover colour of the category

    3) All social media icon hover colours

    4) Footer widget title colour

    5) Blog post title hover colour

    6) Bolded box surrounding “Continue Reading” on feature content

    7) Sidebar “search” widget hover colour

    8) The primary menu text larger

    Blog: https://hudsonblonde.com

    Thanks in advance for your help !

    The blog I need help with is hudsonblonde.com.

    #130216

    fotispapafotiou
    Theme Author

    Hi there,
    1.

    
    .entry-meta a{
     color:red;   
    }
    .entry-meta.entry-categories a{
    color:green;
    }

    2. Add this

    
    
    .entry-meta.entry-categories a:hover{
     color:blue;   
    }

    3. Add this

    .icon-facebook:hover{
    color:blue;
    }
    .icon-snapshot:hover{
    color:blue;
    }
    .icon-instagram:hover{
    color:blue;
    }

    4.
    Add this

    .widget-area-footer .widget-title{
    color:red;
    background:yellow;
    }

    5. Add this

    .blog .entry-title a:hover{
        color:green;
    }

    6.`.wf-active a.more-link{
    border:2px solid #000;
    }`
    7.

    .search-submit[type=submit]:hover{
        background:blue;
    }

    8.

    .main-navigation a{
        font-size:17px;
    }

    Let me know if this works or if you need additional help

    #130219

    fotispapafotiou
    Theme Author

    Hi there,
    1.

    .entry-meta a{
     color:red;   
    }
    .entry-meta.entry-categories a{
    color:green;
    }

    2. Add this

    .entry-meta.entry-categories a:hover{
     color:blue;   
    }

    3. Add this

    .icon-facebook:hover{
    color:blue;
    }
    .icon-snapshot:hover{
    color:blue;
    }
    .icon-instagram:hover{
    color:blue;
    }

    4.
    Add this

    .widget-area-footer .widget-title{
    color:red;
    background:yellow;
    }

    5. Add this

    .blog .entry-title a:hover{
        color:green;
    }

    6.

    .wf-active a.more-link{
    border:2px solid #000;
    }

    7.

    .search-submit[type=submit]:hover{
        background:blue;
    }

    8.

    .main-navigation a{
        font-size:17px;
    }

    Let me know if this works or if you need additional help

    #130241

    hudsonblonde
    Member

    For some reason the only social icon that changed hover colours was Instagram and not the others.

    The sidebar “search” hover also wouldn’t change.

    Lastly, the font size remained the same.

    Thanks !

    #130244

    hudsonblonde
    Member

    Also, is it possible to change the gold hover colour that comes pre-installed throughout the entire theme ? Noticing it in my footers and pages as well.

    #130254

    fotispapafotiou
    Theme Author

    Hi there,
    you will need to add the social icon you need in the custom css

    .icon-facebook:hover{
    color:blue;
    }
    .icon-snapchat:hover{
    color:blue;
    }
    .icon-instagram:hover{
    color:blue;
    }

    this will work for your social icons (header). Add this

    #menu-social-1 li:nth-of-type(1) a:hover{
        color:red;
    }
    #menu-social-1 li:nth-of-type(2) a:hover{
        color:blue;
    }
    #menu-social-1 li:nth-of-type(3) a:hover{
        color:green;
    }

    for you footer icons.

    Can you add my suggestion before any other CSS for your search button hover behaviour? Try the same for my font in the menu suggestion.

    Which other elements you need to change?

    #130279

    hudsonblonde
    Member

    Perfect, they all worked!

    Elements to be changed:

    1) Blog post title colors and hover color

    2) the “submit” button color and hover color under the “Contact” page

    3) Lastly, is it possible to remove the “Category” title at the top of every page entirely?

    Thanks !

    #130280

    hudsonblonde
    Member

    In regards to #1: The blog title colors changed on the home page – but when you go into the specific pages such as “Fashion” or “Lifestyle” the blog title and hover color goes back to the original gold and gray tone.

    #130282

    fotispapafotiou
    Theme Author

    Hi there,
    1. Try this

    .entry-title a{
     color:red;   
    }
    .entry-title a:hover{
     color:blue;;   
    }

    to change them everywhere
    2. Try this

    button, input[type=button], input[type=reset], input[type=submit]{
    background:red;
    }
    button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{
    background:blue;
    }
    

    in your custom CSS box.
    3. Finally try this

    .category .page-header{
    display:none;
    }
    #130405

    hudsonblonde
    Member

    It worked magic, thanks so much for your help!

    #130412

    fotispapafotiou
    Theme Author

    Glad I could help :D

You must be logged in to reply to this topic.