• jgkendrick

    (@jgkendrick)


    How do you remove the indent from the feature photo at the top of a page?

Viewing 7 replies - 1 through 7 (of 7 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Are you talking about moving the content area down so it doesn’t overlap the bottom of the featured image? If so, this custom CSS will do the trick for you.

    @media screen and (min-width: 850px) {
    	.content-wrapper.full-width.with-featured-image {
    		margin-top: 0;
    	}
    }
    Thread Starter jgkendrick

    (@jgkendrick)

    Thanks so much for responding! I am new to this – can you tell me where to place this code?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, and sorry. Go to Customize > Additional CSS, delete all the informational text in that panel and then paste in the custom CSS.

    Thread Starter jgkendrick

    (@jgkendrick)

    Hello, this code worked great on pages. How can I get the same effect with a blog post?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    We can do that. Add the following to your custom CSS.

    @media screen and (min-width: 1100px) {
      .post-thumbnail + .entry-header {
        margin-top: 0 !important;
      }
    }
    Thread Starter jgkendrick

    (@jgkendrick)

    Perfect, thank you very much!!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘indent in feature photo’ is closed to new replies.