[jbculp]

For me too. I decided then to work with a static image for my site and not the slider... thus my long winded explaination but either approach seems to work. Sridhar Katakam's newest post on a static image in minimum-pro seems to do what I did but perhaps more elegantly as he is far more experienced but with the tutorials named here one can put in a slider or static image in minimum-pro as an alternative to the background image.

[jbculp]

Sridhar Katakam responded to my inquiry on this topic by writing a blog article addressing the solution. Setting up a responsive image in place of background in Minimum Pro can be found HERE

Hopefully this will help everyone who likes Minimum-pro but doesn't want the other solutions discussed.

Also, on the CSS block I added above .img.home-image... I changed the top margin to 60px and removed the bottom margin so it now reads like this:

img.home-image {
	display: block;
	margin: 60px auto 0px;
	margin: 6rem auto 0rem;
}

JohnC

[jbculp]

There is a section in the minimum-pro css that handles different image alignments. Using that as a guide the image css can look like this:

img.home-image {
display: block;
margin: 0 auto 24px;
margin: 0 auto 2.4rem;
}

[jbculp]

Sure, if I can keep it all straight here they are: (ps forgive any sloppy bits or bad CSS - this is a new level of work for me with Genesis). I did this as a section that spanned the entire frame so I wasn't limited to the site-inner frame. If you wanted something smaller, making it a widget works as well. Plus, as a photographer, if you wanted to use a slider, there are two great blog entries on that.. one by John Sundberg on How to add a Soliloquy slider to a Genesis page template file
and another by Sridhar Katakam on How to replace the background image in minimum-pro with a responsive slider

I use soliloquy but both of these are great. Since I wanted a static image this seemed like over doing it but I tested it and it worked.

My static image.

Minimum-Pro Theme

Functions.php
Add the new section to the structural wraps. The one in question here is home-image.

//* Add support for structural wraps
add_theme_support( 'genesis-structural-wraps', array(
	'header',
	'site-tagline',
	'nav',
	'subnav',
	'home-image',
	'home-featured',
	'home-content',
	'site-inner',
	'footer-widgets',
	'footer'
) );

front-page.php

Add the home image section

/** Add the home image section */
add_action( 'genesis_after_header', 'minimum_home_image', 9 );
function minimum_home_image() {
	if ( is_home() ) {
		echo '<div id="home-image"><img class="home-image" src="'. get_stylesheet_directory_uri() . '/images/background.jpg" /></div>';
	}
	echo '</div>'; //* end .home-image

}

Finally the CSS. This is where I need to do some cleanup but here is what I have currently.

Style.css - simplest form:

img.home-image {
	padding: 0 0 0 0;
	width: 100%;
}

That's it. Hope this helps.

John C

[jbculp]

Well, I finally got it. I was getting the CSS statement wrong. It needed to be img.home-image with no spaces.

So where i stand.. I've added a section to the home page that is outside of the widgets and above the site-tagline. I've added my static image in the php and now i can style it with CSS. I still think some of my CSS is faulty but I'm very close.

[jbculp]

I too like this theme. It seems to have a lot of flexibility and as I've played with this image business I've learned to register widgets, add structural wraps etc. so it's been a win for me overall but I'm not where I want to be.

I've done a number of "work-arounds" but am not happy with any. As it stands I've added a new section to the home page called home-image using the code in the old minimum theme for featured-image as my guide. It seems to be working in that I see my image but I can't grab it with CSS so there is likely something wrong in my php. It is still relying on the CSS element called .img, not the element I named in the style.css called .home-image.

Looking at websites of people that contribute regularly to this blog, both John Sundberg and Carrie Dils are accomplishing what I'm trying to accomplish; that is they have images that span the frame, are responsive, stay centered as you zoom in and out etc. This is NOT the same thing as a background image which minimum-pro is designed for but it fits my needs better.

John is on the older version of minimum I think, based on his comments on his blog, yet he's using backstretch to control his homepage image if I'm reading it right in Firebug. If you zoom out in the browser the background seems to span indefinitely yet it stays centered. Pretty tricky piece of work and what I'm shooting for. Perhaps he'll see this post and tell me how he did it.

[jbculp]

After digging around and trying different things I'm not so unhappy with backstretch as I am with the aspect ratio handling. Apparently backstretch has an option called centeredx which allows one to control the aspect ratio of the image but all the code I can find involves changing the core jquery code. Is there a way to control the backstretch image aspect ratio handling in the php?

[jbculp]

scotm,

I think the reference in the functions.php is for portfolio items not posts but I could be wrong.

john

[jbculp]

Sheryl,

I'm sure there would be a filter you could add to the front-page.php to strip out stick posts but that's above my pay grade. 🙂

jc

[jbculp]

Sheryl,

I disabled my grid entirely but put it back and tested it successfully. Look into these things.

#1 The grid is called in the front-page.php at line 88 in the original file. The code looks like this:

//* Genesis grid loop
function minimum_grid_loop_helper() {

if ( function_exists( 'genesis_grid_loop' ) ) {
genesis_grid_loop( array(
'features' => 0,
'feature_image_size' => 0,
'feature_content_limit' => 0,
'grid_image_size' => 0,
'grid_content_limit' => 250,
'more' => __( '[Read more]', 'minimum' ),
) );
} else {

genesis_standard_loop();

}

If you change the features number from 0 to 1 for example, the feature of controlling the grid form within WordPress goes away and that number of posts appear on the home page but NOT in a grid. Putting it back to 0 makes things happy again.

#1 Make sure you have not commented out this section or changed the values.
#2 In WordPress you want to make sure you are changing it in the right place... Settings, Reading, Blog pages show at most and your # of posts desired. I am not a programmer so can't say if any other changes on this page would impact the grid but the theme has its own homepage so you would want Front Page Displays to be the default (Your Latest Posts) and leave Full Text Summary selected. Not sure if this last item impacts only the feed or the grid but the character limit is set in front-page.php at line 97.

Try setting things to those settings, clear your cache and refresh. If your front-page.php data is altered, put it back to default and ftp a new version back up. Beyond that I'm not sure I'll be much help. If your front-page.php file was not altered and your WordPress reading settings are OK, then you may have a plugin conflicting???? Did you install Genesis-Grid-Loop plugin? If so, disable that.

Let me know how it goes

John

[jbculp]

Got it. With the help of Nick... thanks Nick... I learned the fundamentals of how to add the section. All working now.

[jbculp]

Brad

OK, so please help me turn up the volume. I have successfully added the new content sections to home-featured in the minimum-pro theme. They all live under the same section and in the front-page.php the reside under this function:

function minimum_home_featured

and the section is closed by this:

genesis_structural_wrap( 'home-featured', 'close' );

For purposes of styling and ease of use vis-a-vis my style.css, I'd live all of these to live in their own DIV. Problem is, I can't figure out if "home_featured" is a name given by the designer or if it designates a structural wrap (???) within Genesis. Can you help me group these puppies in their own section?

jc

[jbculp]

Thanks for the pointer brad. Your examples did it. Between your help and the article by Sridhar Kataham "How to replace background image in Minimum Pro with responsive slider" I was able to fully customize my minimum-pro homepage. Very cool.

[jbculp]

I think its under Reading Settings - standard wordpress settings page. This is from the theme instructions... is this what you want?

How to Configure the Home Page
Blog Post Display

The number of posts displayed can be changed by navigating to Settings > Reading in the WordPress admin panel and setting the “Blog pages show at most” option to the number of excerpts you would like to have display on the home page.

minimum-reading-settings

Here is the tutorial link:

[jbculp]

I just purchased this theme and the backstretch was driving me crazy... happy scoe provided this fix.

[jbculp]

I just purchased this theme so my response won't be comprehensive. Here are my quick thoughts:

1. The theme has an instructions link in your mystudiopress page where you did the download. According to that tutorial the BG image is set in wordpress appearence/background and because there is jquery magic going on in the background you are not supposed to have to configure the image... it fits it all by itself with a class=backstreatch. I tried it and am not getting the results I want to there clearly is more to learn here.

2. BG color is going to be in the CSS. Easiest way to find it is to install firebug in Firefox browser and highlight the area. (use the element inspector - blue rectangle with arrow on it). The element names will appear in the console. Change them in a working copy of your style.css and FTP them up to the site. I always make a backup of the style.css and work on my copy in a folder called "revised". Drill around the age and you'll identify all the bits you need to re-color.

3. Fonts cal also be found in style.css. Body font is in the css around line 154. h1 - h6 sizes begin around line 254.

4. Site title in css at line 997. remove text-transform: uppercase;

Hope that helps. Wish I could help more with #1

jc

[jbculp]

Thanks David,

The use of jQuery is a good thing and yet tabs have their disadvantage. I'd be interested in hearing interface alternatives. Best thing I can think of is to create pages for the tabbed content and work with the CSS to make those links visually appealing on the page.

I appreciate your thoughts and reply.

Cheers

John

[jbculp]

Gary10,
Are you looking at the Functions.php in the Genesis folder or the one in your theme's folder. I don't have Prose but all my other themes have their own functions.php so for example, with the Education theme, the functions.php file I would edit is here:

/www/mysite/wp-content/themes/education

Hope this help.

[jbculp]

For me, the jury is still out on the plugin I mentioned above. My concern will be how these react in a mobile responsive context. It seems however that WordPress plugin page has lots of options. Here is an example. Tab Me. I will also checkout Summer's recommendation. Thanks

[jbculp]

You could try this plugin: WordPress Post Tabs Pro. I'm giving it a try with Education Theme. I don't recall if they have a free version but that should be an easy search on WordPress Plugin site.

[Author]

Posts