Changing colours on site

  • Author
    Posts
  • #3032815

    eldcreative
    Member

    Hello

    How do I change the colour of hyperlinks, titles and buttons on my site?

    The blog I need help with is eldcreative.co.uk.

    #3032925

    jessestu
    Staff

    Hi @eldcreative,

    This can be done. This affects the header and links on the home section main page. The button code affects the whole site. If you want to change other sections, let us know and we can check back in. Change the color values to get what you want:

    /* HOME PAGE SECTION */
    
    .home .section > h2 {
        color: #aaaaaa;
    }
    
    .comment-metadata a:hover, .features i, .portfolio-entry .more-link, .portfolio-entry .more-link:hover, a, .navigation a:hover .post-title, body #infinite-footer .blog-credits a {
    	color: #aaaaaa;
    }
    
    /* BUTTONS NORMAL */
    
    .button, .button-minimal:hover, .main #infinite-handle span, .page-links a:hover, .pagination .current, .pagination a:hover, .post-tags a:hover, .reply a:hover, .widget_tag_cloud .tagcloud a:hover, button, input[type="button"], input[type="reset"], input[type="submit"] {
    	background-color: #d52b15;
    	border-color: #d52b15;
    	color: #fff !important;
    }
    
    /* BUTTONS ON HOVER */
    
    .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, .button-minimal:hover, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, .button:focus, .button-minimal:focus {
    	background-color: #fba397;
    	border-color: #fba397;
    	color: #000 !important;
    }
    #3032926

    jessestu
    Staff

    Also, here’s the link on how to add this custom CSS:

    https://en.support.wordpress.com/custom-design/editing-css/

    Let us know how else we can help!

The topic ‘Changing colours on site’ is closed to new replies.