How to tile small graphic on blog post?

[ShermanPotter]

I feel like this is probably been asked before, but the search didn’t turn it up for me.

My question is pretty simple. On a blog post, you get the option to add a background image:

Background Image(s)
Click the button to upload your background image(s), or enter them in manually using the text field above. Loading multiple background images will create a slideshow effect. To clear, delete the image URLs from the text field and save your page.

So, when doing this, the image gets stretched-out … I’m wondering if I have a small graphic (200x200), how do I get it to tile across the background?

thank you!

[lely]

Hi @ShermanPotter,

Unfortunately, it is not possible with that option. An alternative is doing it using custom CSS. For example, setting a tile background image for specific post, try adding this custom CSS on Theme Options > Global CSS:

.postid-1{ /*Change 1 the ID of the post*/

    background: url(https://www.imageurl.jpg) repeat center;
}

In case you want one background image to work on all single post, CSS will be like this:

.single-post{ /*Change 1 the ID of the post*/
    background: url(https://www.imageurl.jpg) repeat center;
}

How to locate post IDs
Tile using background repeat
Sample

Hope this helps.

[ShermanPotter]

Lely, thank you.

What I’m wondering… can that css somehow be embdeed into the individual blog post rather than into Global CSS?

thank you!

[rad]

Hi @ShermanPotter,

If you created your post content with the builder, then yes, you can add it to builder’s custom CSS instead to the global CSS. Else, you’ll have to implement it globally but use specific IDs like

.postid-1232{ 
    background: url(https://www.imageurl.jpg) repeat center;
}

Thanks!