Metro Background Tiled

Community Forums Forums Design Tips and Tricks Metro Background Tiled

This topic is: not resolved

Tagged: ,

This topic contains 10 replies, has 7 voices, and was last updated by  triggers 1 year, 7 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #17977

    ecoofficegals
    Participant
    Post count: 25

    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

    #17979

    SoZo
    Moderator
    Post count: 1573

    Delete the backstretch script in functions.php
    [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() ) );

    }[/php]


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

    #18007

    jamesalex
    Participant
    Post count: 14

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

    will I have done it correctly?

     

    Jamie

    #18055

    SoZo
    Moderator
    Post count: 1573

    Add a background through the style sheet.


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

    #18131

    ecoofficegals
    Participant
    Post count: 25

    Perfect, thanks!


    Jen Smith
    Owner, Eco-Office Gals

    #20058

    Jen Baumann
    Keymaster
    Post count: 424

    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.

    [php]add_theme_support( ‘custom-background’, array( ‘wp-head-callback’ => ‘__return_false’ ) );[/php]

    to this
    [php]add_theme_support( ‘custom-background’ );[/php]


    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    #24426

    treoguy
    Participant
    Post count: 24

    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?

    #25864

    triggers
    Participant
    Post count: 35

    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 1080×87 because it repositions my logo and cuts it off. I resized it to around 600×100 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

    #28659

    asdweb
    Participant
    Post count: 107

    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

    #29041

    triggers
    Participant
    Post count: 35

    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

     

     

     

    #29670

    triggers
    Participant
    Post count: 35

    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.

     

     

     

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.