loveisadogfromhell

I tried using a shorthand property adding no-repeat and right center for positioning but it didn’t work. I am 98% sure I used correct code but it just wouldn’t work. So, I then tried using the longhand version…

#wrapper {background-image:url(images/main-right.jpg);
background-repeat:no-repeat;
background-position:120% 50%;
}
This worked beautifully and I am all set up. Just need to edit my background image a bit so the colors all match up.

Thanks for all your help esmi on this post! I really appreciate your responses.

OK, I put the code #wrapper {background-image:url(images/main-right.jpg);} into the style.css. This time I put it near some of the other main styling code and it worked this time….why it didn’t work before I have no clue. My issue now is alignment. My site is https://www.swfamily.com. If you look at it you will part of my grey background image near the bottom left side of the header. Any clue on how I can center this image. It is a spiral and currently it is just showing the far left edge of the image. THANK YOU SO MUCH for the help with getting the watermark on there. Any advice on centering would be very helpful.

I will keep trying. Hopefully I am just missing something seriously simple here.

I just put the code you suggested at the bottom of the style.css and it still didn’t work. This is what the end of my style.css looks like (including at the bottom the code you gave me).
code`#site-generator a {
color: #888888;
display:inline-block;
text-decoration: none;
background: url(images/wordpress.png) center left no-repeat;
padding-left: 19px;
line-height: 16px;
margin-left: 1px;
}
#site-generator a:hover {
text-decoration: underline;
}
img#wpstats {
display:block;
margin: 0 auto 10px;
}

#wrapper {background-image:url(images/main-right.jpg);}

/* Not much here – the magic is in the header */`/code

Well I uploaded my image to my images folder then went into my editor and tried to apply the code to all of the different sytlesheets that the Weaver theme has:
* 2010style.css
(2010style.css)
* RTL Stylesheet
(rtl.css)
* Stylesheet
(style.css)
* Visual Editor Stylesheet
(editor-style.css)
* child-style.css
(child-style.css)
* editor-style-rtl.css
(editor-style-rtl.css)
* ttw-admin-style.css
(ttw-admin-style.css)
but I didn’t get any change. Maybe I am putting the code in the wrong place? Or do I need to set the wrapper color to something else first? I tried using this code:
#wrapper{background:#fff url(images/main-right.jpg);}
but it only changed the wrapper white.
I am not the best at code so I am guessing that maybe I am just putting your suggested code in the wrong place. I will keep trying to figure it out…hopefully I can call this resolved soon.

Thanks again esmi, I really want to get this figured out. I will try it and let you know how it goes. Thanks!

To be more clear I want to add the watermark to the wrapper of my content space.

Thank you for your reply esmi.I understand what you are saying but what I want is to add the watermark to the wrapper page. In the Weaver theme it gives me an option to set the color but no Wrapper BG image option. I know this needs to be added within the code I am just unsure what code to use and where to place it exactly. My site is https://www.swfamily.com. If you check it out I want to place the watermark on the cream wrapper page under the main text not on the background. If I add a watermark to the center of the background image it won’t show through the wrapper page? right? I know there has to be a way to do this right?