You can add these CSS blocks to your Thesis -> Custom CSS screen


1. Fix CSS won't save when using the Thesis 2 SCSS mode

In the Thesis Skin Editor -> CSS find and replace these two lines:

-webkit-transition: -webkit-transform 1s ease-in-out;
-webkit-transition: -webkit-transform 5s linear;


-webkit-transition: all 1s ease-in-out;
-webkit-transition: all 5s linear;

2. Remove red overlay & magnifying glass from front page photo grid

.homepage_template .thumb-overlay-wrap {

3. Turn off the ability to click on images on front page photo grid

.homepage_template .grid-item a {
    pointer-events: none; 
    cursor: default;

4. Remove zoom effect and grey color change on front page photo grid

.grid-item:hover img {
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    filter: none !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

.sized .grid-item img {
    height: auto; 
    width: auto;

5. Change font of primary nav menu

.nav-primary {
    font-family: Helvetica, Arial, sans-serif;

6. Add a different header logo on mobile screens

@media only screen and (max-width: 480px) {
    #thesis_header_image {display: none;}
    .title-area a {
        background: url('') no-repeat;
        width: 150px;
        height: 45px;
        display: block;
        text-indent: -9999px;

7. Change color of menu active link

.thesis-nav-menu .current-menu-item a {color: #C2C232;}