Community Forums › Forums › Archived Forums › Design Tips and Tricks › Social Circles (Minimum)
Tagged: minimum, Social Circles
- This topic has 8 replies, 2 voices, and was last updated 9 years, 3 months ago by Christoph.
-
AuthorPosts
-
December 29, 2014 at 2:01 pm #135586johnstrubelMember
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.comJanuary 4, 2015 at 3:05 am #135989ChristophMemberI 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%;
towidth: 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
January 4, 2015 at 7:34 pm #136074johnstrubelMemberHi 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 lineI 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
January 6, 2015 at 12:25 am #136166ChristophMemberHi 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
January 6, 2015 at 4:21 pm #136217johnstrubelMemberHi 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
January 6, 2015 at 10:22 pm #136255ChristophMemberHi John,
I think this tutorial will point you in the right direction.
http://sridharkatakam.com/adding-simple-social-icons-navigation-bar-genesis/I´ll have to take a look at the eleven-40 pro theme for your first question.
January 7, 2015 at 11:25 am #136292ChristophMemberHi 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/
January 7, 2015 at 11:28 am #136293johnstrubelMemberPerfect! That did it. THANK YOU so much, Christoph.
January 7, 2015 at 11:34 am #136294ChristophMemberHi John,
you are welcome.
I´m glad I could help.
Great job on your website!Be well,
Christoph
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.