Changing colours on site

• 

  eldcreative · Member · Oct 19, 2017 at 3:30 pm

  • Copy link
  • Add topic to favorites

  Hello

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

  The blog I need help with is: (visible only to logged in users)

• 

  jessestu · Member · Oct 19, 2017 at 4:17 pm

  • Copy link

  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;
  }

• 

  jessestu · Member · Oct 19, 2017 at 4:19 pm

  • Copy link

  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!