Metro Background Tiled

[ecoofficegals]

How can I not make the background in Metro stretch? The clients wants a very small polka dot background pattern and no matter how large I try to keep the file so the dots stay small the background makes them big, I think I just need to use good ol tile with no stretching. Thanks.

---

Jen Smith
Owner, Eco-Office Gals

[SoZo]

Delete the backstretch script in functions.php

// Load Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'metro_enqueue_scripts' );
function metro_enqueue_scripts() {

	// Load scripts only if custom background is being used
	if ( ! get_background_image() )
		return;

	wp_enqueue_script( 'metro-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_script( 'metro-backstretch-set', get_bloginfo('stylesheet_directory').'/js/backstretch-set.js' , array( 'jquery', 'metro-backstretch' ), '1.0.0' );

	wp_localize_script( 'metro-backstretch-set', 'BackStretchImg', array( 'src' => get_background_image() ) );

}

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[jamesalex]

i tried this and it removed the background image completely ;(

will I have done it correctly?

 

Jamie

[SoZo]

Add a background through the style sheet.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[ecoofficegals]

Perfect, thanks!

---

Jen Smith
Owner, Eco-Office Gals

[Jen Baumann]

In addition to removing backstretch above, to return the WP background function to its full glory, you can also edit this line in functions.php.

add_theme_support( 'custom-background', array( 'wp-head-callback' => '__return_false' ) );

to this

add_theme_support( 'custom-background' );

[treoguy]

I've removed the backstretch code an added the suggested code from Jen. I'm still having trouble getting any sort of background color or image. I've changed settings in Appearance > Background, but to no avail.

Any suggestions?

[triggers]

Hi I've been having the same issue. I can't change the background. I've been just trying to change the background color to #F5F1E5 and nothing happens.

Also my header was cut off. I couldn't make it 1080x87 because it repositions my logo and cuts it off. I resized it to around 600x100 so I could at least see the full logo .

http://blog.contenttriggers.com/

Also how do I reduce the white space above the header? I would like to make the background and the full header the creme color #F5F1E5.

Thanks,

Deb

[asdweb]

treoguy- can we get a link to your site please.

triggers- to reduce the white space above the header:

find:

#wrap {
clear: both;
padding: 36px;
padding: 2.25rem;
}

and change it to:

#wrap {
clear: both;
margin-top: 0;
padding-top: 0!important;
padding: 0 0 0 36px;
padding: 2.25rem;
}

to change the background color

.footer-widgets,
#wrap {
background-color: #fff;
margin: 32px auto;
margin: 2rem auto;
max-width: 1080px;
overflow: hidden;
}

and change the background color to #F5F1E5

---

Amy Susan Design.com @AmySusanDesign

[triggers]

Thanks so much asdweb! Much better.

But I guess I didn't realize that the background behind the posts changed to cream as well.  I'd like to create a white background behind the posts and images on the Home page (Home Area) as well as the pages when you click on each post. The right sidebar and footer are fine with the cream color behind them.

Example on the Home page would be White in the width from each end of the rectangle with the diagonal lines (i.e. Featured Story and News & Events) down to accommodate the posts. Which I guess also means I'd have to add a little padding/margin to the sides of the of the text boxes so the text shrinks in a bit.

While I'm in there, on the Home page can I also Move the Titles to the above the images and under the Story line Rectangles/rules? People were complaining that they need to see the title first to decide whether they would read the post.

How would I do these?

I really appreciate your help!

http://blog.contenttriggers.com/

Deb

 

 

 

[triggers]

Sorry, please disregard the changes in the above post. This is an updated post to the one above.
I was mistaken. I keep forgetting about the wide layout and the responsiveness as the background doesn't always show especially as I've been working on a smaller screen.

I looked closely at the demo of the Metro Theme. I have it reversed.

The background (in the demo its the city) should be cream #F5F1E5. (The text/copy is fine as  there is  padding around it)

1. The area that all the content is on should be white like in the Metro Demo. How do I change that background outside of the content to be #F5F1E5 ?  (I can change the area under the content back to white)

Thanks! Sorry about that.

 

 

 

[Author]

Posts