Changing Color Scheme and Font size

  • Hello there,
    I have successfully finished developing a site with this theme for one client,and they love the frame and lay out this theme has given,but they want me to change the Color Scheme to black and also increase the font size of the posts’ titles, please help me on how i can get this sorted.
    Thanks for your usual help to me since i began this project.

Viewing 1 replies (of 1 total)
  • Theme Author TT Themes

    (@tomastoman)

    Hi,

    the following custom CSS allows you to customize the main color scheme:

    body .post-entry .read-more-button,
body input[type=submit],
body input[type=reset],
body .header-image .header-image-text .header-image-link,
body .footer-signature {
  background-color: #437bd0;
}
body .menu-box ul ul,
body .menu-panel ul ul,
body .post-entry .read-more-button,
body input[type=submit],
body input[type=reset],
body .header-image .header-image-text .header-image-link,
body #wrapper-footer {
  border-color: #437bd0;
}
body a,
body .site-title a,
body .menu-box a:hover,
body .menu-box :hover > a,
body #wrapper-header .menu-box .current-menu-item > a,
body #wrapper-header .menu-box .current-menu-ancestor > a,
body #wrapper-header .menu-box .current_page_item > a,
body #wrapper-header .menu-box .current-page-ancestor > a,
body .menu-panel a:hover,
body .menu-panel :hover > a,
body #wrapper-header .menu-panel .current-menu-item > a,
body #wrapper-header .menu-panel .current-menu-ancestor > a,
body #wrapper-header .menu-panel .current_page_item > a,
body #wrapper-header .menu-panel .current-page-ancestor > a,
body .post-entry .post-entry-headline a,
body .sidebar-widget a {
  color: #437bd0;
}
body .post-entry .read-more-button:hover,
body input[type=submit]:hover,
body input[type=reset]:hover,
body #searchform .searchform-wrapper .send:hover {
  color: #437bd0 !important;
}
body .footer-signature .footer-signature-content a {
  color: #c1d7f8;
}

    This CSS will change the font size of the post titles:

    #wrapper #main-content .grid-entry .grid-entry-headline, #wrapper #main-content .post-entry .post-entry-headline {font-size: 25px;}
.single .entry-headline {font-size: 30px;}

    I recommend you to create a child theme and place all the custom CSS into your child theme’s “style.css”.

    Best regards,
    Tomas Toman

Viewing 1 replies (of 1 total)
  • The topic ‘Changing Color Scheme and Font size’ is closed to new replies.