Oskar Heading Size

  • Resolved David

    (@reeferdave)


    1 year, 6 months ago

    Need assistance with the header background on the free Oskar theme. I created a header for the theme using the recommended resolution, but when I apply it, its is much bigger and many aspects get cut off. Is there a way to get the correct dimensions of the header area, so I can re-create the background image?

    Any help would be greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author uxl

    (@uxl)

    The width of the area containing the background image is the full width of the browser / device being viewed on.

    You can change the height by adding some custom CSS in Appearance > Customize > Additional CSS:

    .entry-header.with-image,
.archive-header.with-image {
  min-height: 30rem;
}

    The above CSS is the default setting of 30rem (or 480px), so you could make it larger or smaller by changing this value, for example:

    .entry-header.with-image,
.archive-header.with-image {
  min-height: 300px;
}

    I’d recommend trying different height values until you find one that works for you.

    Thread Starter David

    (@reeferdave)

    uxl,

    Thank you for the reply. This will be a great help for sure. I appreciate you taking the time to reply. Have an awesome day!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Oskar Heading Size’ is closed to new replies.