Goran Theme: Reduce Height of Featured Image

  • Unknown's avatar

    I’m trying to reduce the height of the featured image so that it doesn’t overwhelm the page.

    http://durhamtmp.ca/about/

    I don’t mind it on the front page, but on the content pages it’s a bit much. Any suggestions? Tried several things but nothing seems to work so far.

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

  • Unknown's avatar

    I checked http://durhamtmp.ca/about/ just now and I see that you have switched form the Goran theme to the Confit theme.

    I tried testing a small CSS snippet to adjust the height of the Goran featured image before the switch, but I could only test one page. Here is the snippet in case you want to try it out:

    @media screen and (min-width: 1230px) {
    	body.hero-image .hero.with-featured-image {
    		padding: 216px 0 2em 0 !important;
    	}
    }

    Note that you should test it on a few different pages, including one that has a long title just to make sure everything looks spot on after the change.

  • The topic ‘Goran Theme: Reduce Height of Featured Image’ is closed to new replies.