Using Custom HTML Widgets instead of Genesis Featured Page in Home Middle

[gigtime]

Hi,

I love the Flex theme! We plan to use it in the Agency format.

The Home Middle Area, in the demo, uses three Genesis Featured Page widgets. I’d prefer to use dashicons rather than an image. The GFP widget doesn’t allow for icons so I setup three Custom HTML widgets with the shortcode for the icon, an H2 format on the headline/title and button code.

<p class="dashicons dashicons-list-view"></p>
<h2>Meet Dr. Smith</h2>
<p>This is an example of a WordPress Text Widget, you could edit this to put information about your site.</p>

<a class="button" href="/sample/">Read More</a></div></div></section>

The icons didn’t display at all and the three widgets rendered stacked vertically rather than side-by-side.

Finally, is there a way to change the background color of this section or would I have to create a separate widget area for this? Here is what I am trying to accomplish. Click Example to see a screenshot.

Thanks!

[Chinmoy Paul]

Can you share the wp-admin access via contact form? Here HTML code is not complete. For grid layout you would use the Genesis columns CSS (one-third) and single HTML widget.

[gigtime]

Thanks for your reply. Right now, the site is not setup with dashicons so there would not be anything for you to see with access. When I saw adding the three custom HTML widgets didn’t work, I restored it to using the Featured Page widgets as described in the demo setup. I’ll try using CSS columns in a single HTML widget. If it does not work, I’ll update this tomorrow.

Bill

[gigtime]

I was able to convert the section over to four columns with dash icons. You can see it here.

Two other things I’d like to accomplish with this section. I want it to look like the blue widget area on StudioPress’s Education theme.

1. I’d like to add a blue background and change the icons and fonts to white. I was able to accomplish this easily by specifying it in the HTML of a widget in the Home Top area. (I removed it.) But the same code would not work in the Custom HTML widget in the Home Middle section. I don’t know why. Is there something in this widget area that prevents this?
2. I’d like to make this Custom HTML widget go full-width like the widget in the Education theme linked above and the way the Home Page Banner does at the top of the page we’ve built using this theme.

One last question: We’re using the Home Page Banner widget in Home Top and Home Middle just like the Flex Demo Agency version. In the Home Top, we set the Banner to Full Width and it works fine. But in the Home Banner widget in the Home Middle section, checking the Full Width check box has no effect. Whether you check Boxed or Full Width, there’s no change. It looks like the Home Middle area has width restrictions that Home Top does not have. Is there a way around this?

Ultimately, we would love to have the ability to make any of these widgets full width rather than just the Home Top.

I appreciate your help. I am sending over an admin login via the contact form but please post any suggested changes here so we can document them for the future. Thanks!

[Chinmoy Paul]

Please check once your site now. Home widget area’s width is restricted and it would not be full width. I moved all widgets from Middle to Top widget area.

[gigtime]

Well that was simple enough and I really appreciate your help.

I’ve built two sites using Flex this week and love the theme. I’m sure we will add Sunshine Pro soon. Do you have any new themes coming?

Bill

[Author]

Posts