Banner Sizing

  • Resolved sharon-jackson

    (@sharon-jackson)


    2 years, 10 months ago

    Your instructions state:
    Click “Add new image” to upload an image file from your computer. Your theme works best with an image with a header size of 1920 × 800 pixels

    I created a banner that looked like a plain green, with a drop down shadow that would blend in with the menu.

    When I uploaded it, however, it was MAMMOTH in size. What is there now is just the colour of the drop shadow, not the brighter colour above it.

    What is the work around for this problem?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Rough Pixels

    (@roughpixels)

    Making adjustments to this area might be a bit challenging, but the site header area where the image goes into as a background is automatically sized to “fill” the area. This is the CSS code that does that when using background-size: cover;

    .site-header {
    position: relative;
    text-align: center;
    background: var(--rp-header-bg-colour);
    background-size: cover;
    background-position: center;
    overflow-y: hidden;
}

    You could change that to be background-size: contain;

    Of course, it depends on what you are actually trying to achieve–it might not be perfect.

    Thread Starter sharon-jackson

    (@sharon-jackson)

    OK, I shall give this a try tomorrow. I sure wish this forum would allow uploading of screen shots etc. ?? And Thank you!

    Thread Starter sharon-jackson

    (@sharon-jackson)

    Changing it to contain worked perfectly! Thank you again!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Banner Sizing’ is closed to new replies.