How to add a custom background picture to a page or post?

  • Resolved HopefulGJL

    (@hopefulgjl)


    13 years, 7 months ago

    Hello,

    I am using the FlexSqueeze theme on my website. I am attempting to add a picture behind the written words of my home page. I also may want to add pictures behind the words of my posts in the future.

    I did, at one point, attempt to use the Custom Post Background plugin, but that ends up cancelling out my “sponge paint” effect that FlexSqueeze has set.

    I’ve been doing some research on code that I could use on the html page side of it itself, and did find some useful information. But, what I cannot find the answer to is how to have the image stop tiling/repeating.

    The code that I have found and is working, but that is unfortunately tiling/repeating the image is:

    <div style="background-image:url(inserted image url);
        background-repeat:no-repeat
        background-attachment:fixed;
        width:300px;
	height:401px;">
        overflow:scroll;

<p>My text goes here</p>
</div>

    What can I change or add that will stop the image from tiling/repeating? This code is doing exactly what I’m looking for except that the image repeats.

    I don’t really know code, so any help is greatly appreciated. Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • try to fix the syntax:

    <div style="background-image:url(inserted image url);
        background-repeat:no-repeat;
        background-attachment:fixed;
        width:300px;
	height:401px;
       overflow:scroll;">

<p>My text goes here</p>
</div>

    Thread Starter HopefulGJL

    (@hopefulgjl)

    Thank-you very much for catching that! Unfortunately, it was still repeating/tiling the picture.

    I have, however, come across this answer that is working:

    <div style="background: url(inserted imaeg url) no-repeat; width:300px; height: 401px;"> 

<p>My text goes here</p>
</div>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add a custom background picture to a page or post?’ is closed to new replies.