Help with Altitude Pro Theme

[Jason-B]

I am looking for some assistance with the Altitude Pro Theme, specifically within the Front Page 4 Widget Area.

The default setting for Front Page 4 Widget Area has four widgets displayed as two (2) rows. The first row displays full width. The second row displays as three (3) columns equal to approximately one-third the width of the widget area.

I would like a way to have the second row display as six (6) columns equal to approximately one-sixth the width of the widget area.

I am also looking for a way to remove the extra vertical space between each list item.

I played around with different values throughout the style.css file and could not find the specific css that controls the column width or the space between list items.

Any help would be greatly appreciated.

Thanks,
Jason

[Christoph]

Hi Jason,

Sorry, that your post didn't receive a response sooner.
The posts on this forum are mostly answered by volunteers and sometimes questions get pushed out-of-view.

The code that automatically arranges the widgets is in functions.php.

I'd start by removing the class flexible-widgets from this part of front-page.php

genesis_widget_area( 'front-page-4', array(
		'before' => '<div id="front-page-4" class="front-page-4" tabindex="-1"><div class="solid-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-4' ) . '"><div class="wrap">',
		'after'  => '</div></div></div></div>',
	) );

so it would look like:

genesis_widget_area( 'front-page-4', array(
		'before' => '<div id="front-page-4" class="front-page-4" tabindex="-1"><div class="solid-section"><div class="widget-area' . altitude_widget_area_class( 'front-page-4' ) . '"><div class="wrap">',
		'after'  => '</div></div></div></div>',
	) );

Then you can start applying different CSS classes / different widths to the widgets in that widget area.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts