Social Circles (Minimum)

[johnstrubel]

Hi:

I use the original Minimum theme which allows for four social circles on the homepage (http://www.johnstrubel.com).

Is it possible to add an additional circle to the page? If so, can anyone offer some support or point me to a plugin or snippet that will help?

Thanks!

John

http://www.johnstrubel.com

[Christoph]

I only have minimum-pro handy right now, but it should be very similar to the older minimum theme...

You'll have to change 3 files.

1. In style.css around line 569 look for the following block of code:

.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {

change it to

.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4,
.home-featured-5 {

and change width: 25%; to width: 20%;

Towards the end of the file, in the Responsive Design settings, you'll have to change all the blocks like

.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4 {

to

.home-featured-1,
.home-featured-2,
.home-featured-3,
.home-featured-4,
.home-featured-5 {

You might have to tweak the css settings...

2, In functions.php add the following at the end of the file:

genesis_register_sidebar( array(
	'id'          => 'home-featured-5',
	'name'        => __( 'Home Featured 5', 'minimum' ),
	'description' => __( 'This is the home featured 5 section.', 'minimum' ),
) );

3. In front-page.php find the line that looks like this

if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) || is_active_sidebar( 'home-featured-4' ) ) {

And change it to:
if ( is_active_sidebar( 'home-featured-1' ) || is_active_sidebar( 'home-featured-2' ) || is_active_sidebar( 'home-featured-3' ) || is_active_sidebar( 'home-featured-4' ) || is_active_sidebar( 'home-featured-5' ) ) {

Further down in the file find:

genesis_widget_area( 'home-featured-4', array(
			'before'=> '<div class="home-featured-4 widget-area">',
			'after'	=> '</div>',
		) );

and add

genesis_widget_area( 'home-featured-5', array(
			'before'=> '<div class="home-featured-5 widget-area">',
			'after'	=> '</div>',
		) );

afterwards.

I hope this works for you.

Christoph

---

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

[johnstrubel]

Hi Christoph:

Thanks so much for the help. I was able to get the icon to load, but two things:

1. It resizes the image to 32px instead of 96px
2. The icon loads on a second line

I have left this on the site so you can see a visual of what I am talking about: http://www.johnstrubel.com.

Note: I did change the width size from 25% to 20%

Any additional help would be greatly appreciated.

Sincerely,

John

[Christoph]

Hi John,

sorry for my delay in responding. I didn´t get a notification that you responded to the topic from the forum...

I see you changed to the eleven-pro theme.
Looks great!

If you have any questions, please don´t hesitate to ask.

Christoph

---

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

[johnstrubel]

Hi Christoph:

Thanks for your help.

I can’t get the image to display on the featured homepage post using Elven40 Pro. I can see it it the admin panel and it displays on the single post, but not on the homepage.

You can see the page here: http://www.johnstrubel.com

One other quick question: Can anyone point me to a tutorial for adding social media icons to the top navigation?

Thanks in advance for any help.

Sincerely,

John

http://www.johnstrubel.com

[Christoph]

Hi John,

I think this tutorial will point you in the right direction.

Adding Simple Social Icons to Navigation bar in Genesis

I´ll have to take a look at the eleven-40 pro theme for your first question.

---

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

[Christoph]

Hi John,
in home.php you will see the following code:

if ( function_exists( 'genesis_grid_loop' ) ) {
		genesis_grid_loop( array(
			'features'              => 1,
			'feature_image_size'    => 0,
			'feature_image_class'   => 'alignleft post-image',
			'feature_content_limit' => 0,
			'grid_image_size'       => 'grid-featured',
			'grid_image_class'      => 'grid-featured',
			'grid_content_limit'    => 250,
			'more'                  => __( '[Continue reading]', 'eleven40' ),
		) );

You can edit feature_image_size' => 0, to display the featured image. 1 will show the image full size, 'thumbnail' will show a thumbnail...

To change the alignment of the image you can edit
'feature_image_class' => 'alignleft post-image',

For more information about the image sizing and the loop in general:
http://my.studiopress.com/tutorials/genesis-grid-loop/
http://philipgledhill.co.uk/genesis-grid-loop-tutorial/

---

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

[johnstrubel]

Perfect! That did it. THANK YOU so much, Christoph.

[Christoph]

Hi John,

you are welcome.
I´m glad I could help.
Great job on your website!

Be well,
Christoph

---

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

[Author]

Posts