Centric Pro Questions (Sections, Layout, etc)

[MacDingo]

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 🙂

[nutsandbolts]

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+

[MacDingo]

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

All the best

[perplex]

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 😉

[nutsandbolts]

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+

[Dennis M]

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."

[Tom]

@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 ]

[nutsandbolts]

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+

[Tom]

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