• 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

Centric Pro Questions (Sections, Layout, etc)

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 › Centric Pro Questions (Sections, Layout, etc)

This topic is: not resolved

Tagged: background image, Centric background color

  • This topic has 8 replies, 5 voices, and was last updated 11 years, 7 months ago by Tom.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 27, 2014 at 4:18 am #96907
    MacDingo
    Participant

    Hi there

    I am building a new site and Centric Pro is the closest theme to the look I want to achieve.
    I have a few questions though to which I couldn't find an answer:

    1) Homepage number of sections
    The documentation talks about 6 sections. Is that a hard limit? I need more than 6 (10 to 12 really).
    Can I easily add as many as I want or is 6 the max allowed?

    2) Homepage section layout
    Can each section be easily customized and laid out as I see fit?
    I want to match various types of layouts:
    e,g, 2 columns with image in left column. Right column with header and text.
    then a 1 column with header and big image
    etc...
    can this be achieved through drag and drop widgets or any other way?

    For instance in the demo's section 3 (grey one), can one easily move the header (HTML5 Design) ABOVE the image?

    3) Homepage 1 section image background
    I want to replace the blue background from section 1 in the demo with a full-size image (that also rescales and shrinks on smaller screens). So an image that fills "all the blue". The doc mentions "The Centric Pro theme demo can be configured to display an image behind the first, third, and sixth home page widget areas." I presume that means OR, so I can configure up to 3 separate images? Or use only one if I wish?
    Also, I don't need any parallax effect, so can the image effectively simply scroll with page?

    4) All the buttons on the page are very small in my taste. Can they easily be recoded to make them larger?

    Many thanks for your input 🙂

    March 27, 2014 at 9:11 pm #97042
    nutsandbolts
    Member

    Hi!

    By default, Centric Pro has six homepage widget areas. If you're comfortable editing PHP and CSS, you can easily change that to any number you'd like. As far as the layout goes, you can use Genesis column classes within the widgets to create multi-column sections for each area. You can also use multiple widgets within an area to stack them on top of each other.

    You can use an image that I believe will be shown for all three homepage widget area backgrounds. Or, if you're okay with editing CSS, you can set an image on a per-section basis and use CSS to tell it to stretch based on viewport size. You could also remove the scripts that load the parallax effect.

    The buttons can be made larger with CSS. Again, the biggest thing is your comfort level with editing code - anything you see can be altered but it's a matter of how much time and effort you're willing to put in. You could also hire a developer on an hourly basis (these changes would only take maybe 3 hours at the most) to code the changes in for you.

    Hope that helps!


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    March 28, 2014 at 5:10 am #97095
    MacDingo
    Participant

    Hi Andrea
    Many thanks for your detailed answer, that was really helpful!

    All the best

    April 5, 2014 at 1:19 am #98587
    perplex
    Member

    Hi Andrea,

    could you please give me a more detailed information where exactly I can change the transparency/opacity in the style.css of the three homepage widget area backgrounds you have mentioned above. I'm trying to change just the background color of section 1 (from transparent to full color). I can't find a possibility to work with different background images in the other two sections as well.

    Thanks for any help you can provide 😉

    April 5, 2014 at 10:38 am #98634
    nutsandbolts
    Member

    Hi! Can you post a link to your site? It's always easier to help if we can see what you see.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    May 5, 2014 at 9:52 pm #103792
    Dennis M
    Member

    This is helpful, and as a newbie to this theme, can you help me further know where to change this and how so that I can add a full background image instead of the solid color?

    "You can use an image that I believe will be shown for all three homepage widget area backgrounds. Or, if you’re okay with editing CSS, you can set an image on a per-section basis and use CSS to tell it to stretch based on viewport size. You could also remove the scripts that load the parallax effect."

    May 6, 2014 at 8:59 pm #103980
    Tom
    Participant

    @dennis-m The background image is added from the admin area: Appearance > Customize, then Background Image. This image will display in a fixed position behind any content placed in the three widget areas Andrea mentioned (Home widget areas 1, 3, 6).


    @perplex
    : Centric works with only one background image as described here ^.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    May 6, 2014 at 9:04 pm #103981
    nutsandbolts
    Member

    Well, technically you can use different background images for each section, as I mentioned before. But that would require significant changes to the theme files, which are far beyond the scope of forum support.


    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+

    May 6, 2014 at 10:00 pm #103993
    Tom
    Participant

    Yes, I meant "out of the box".

    Technically, we can do just about anything - and Genesis makes it much easier! 🙂


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 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