• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Background Size for Wonderful

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Background Size for Wonderful

This topic is: resolved
  • This topic has 2 replies, 2 voices, and was last updated 7 years, 3 months ago by MarjorieDawson.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 17, 2018 at 4:55 pm #225115
    MarjorieDawson
    Participant

    I am setting up my Wonderful theme and it's going well.

    However, I have been reading the how-to that comes with the Wonderful theme and I am confused about the background banner size on the front page. Is it 2000 wide by 200 high? If so my banner is all wrong and doesn't display.

    Apart from this, I am finding the transition from my previous theme is going really well so far.

    Marjorie

    https://dashkitten.com
    December 17, 2018 at 6:20 pm #225117
    Victor Font
    Moderator

    Studio Press does not have a theme named Wonderful. I looked at your site and you are using Beautiful Pro.

    Your banner image is 2020 x 202. What I'm finding is that your CSS is not correct. In the background settings, make sure you select custom from the dropdown. Then, fit to screen from the second dropdown, uncheck repeat background image, and leave scroll with page checked.

    Next, add the following line of code to the .beautiful .site-header-banner class at line 924 in style.css:

    background-size: contain !important;

    This will ensure your entire banner displays.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 17, 2018 at 8:44 pm #225120
    MarjorieDawson
    Participant

    Great Thanks for the help.

    I was able to make changes and I am getting there with the theme!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Background Size for Wonderful’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble