• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

OrganicWeb

Mailchimp Training & Consulting

  • Home
  • Services
    • Mailchimp Training
    • Mailchimp Consulting
  • Free Tools
    • Mailchimp Tutorials on YouTube
    • Subject Line Generator
    • Marketing Ideas Generator
    • Map Maker for Email
    • WhatsApp Click to Chat Generator
    • Avoid Email Going to Spam
    • Email Link Generator
    • Is Mailchimp Down?
    • Marketing Facts and Stats
  • Content
    • Blog
    • Videos
  • Contact & About
    • Contact
    • About

Fix Background in Genesis Parallax Pro theme

Learn how to change the background image size in StudioPress Genesis themeI’ve built a few WordPress websites using the Genesis Parallax Pro theme by StudioPress. It’s a beautiful and very well coded theme. The themes home page is comprised of various widget areas and three background images. If you have a fair amount of content in the widget areas that have background images then you may have an issue where the content is ‘longer’ than the image height; in essence the content will overflow the background image.

There are two obvious solutions to the background image problem; have less content or increase the image height. Thankfully increasing the image height is really simple using a bit of CSS. Adding the CSS as below will dynamically increase the height of the image (you may need to change the 150% to a larger or smaller proportion for your needs).


.home-section-1{
background-size: auto 150%;
}

.home-section-3{
background-size: auto 150%;
}

.home-section-5{
background-size: auto 150%;
}

Found this useful? Please share:

Related

  • How to use Font Awesome icons as backgrounds in WordPress
  • Duplicate Jetpack sharing icons
  • How to host Google fonts locally in WordPress (and boost Core Web Vitals SEO)

Filed Under: WordPress

Watch Gary in action

Gary frequently adds Mailchimp instructional videos to his YouTube channel. Subscribe to keep updated.

→  Subscribe   ←

How to add an editable attachment to a Mailchimp campaign.

How to add, and send, coupon codes in Mailchimp.

Reader Interactions

Leave a Reply Cancel reply

You are here: Home / WordPress / Fix Background in Genesis Parallax Pro theme

Primary Sidebar

Mailchimp write about my work

Read on Mailchimp.com

Learn from a Mailchimp Pro Partner

Signup to receive info about Gary's Mailchimp beginner and advanced classes.

Sign up

Gary on Australian National Radio

Changes are coming to the Australian Spam Act

Read Gary's article in SmartCompany

Meet Gary, Mailchimp Expert

Gary is a Mailchimp Expert and Partner. He delivers Mailchimp training and consulting services in Australia, New Zealand and Singapore. Gary presents at Mailchimp events and hosts the first, and only, Australian Mailchimp sponsored event. He is M.B.A. qualified from Henley Business School, U.K.

Contact Gary for your Mailchimp needs

Footer

Customer Rating

Mailchimp Pro Partners

Contact

Contact Gary for all your Mailchimp training, consulting and integration needs.

Contact Gary.

Copyright © 2022 · Sitemap · ABN: 40800872179 · Privacy Policy · Terms of Service