Can't Stop Image Repeating in Sidebar

Try this

background-repeat: no-repeat;

Thank you for replying, highly appreciated.

Your response is broad.
To which element would I add this in the stylesheet?

Adding it to be on it’s own is not making any difference, I’ve also tried under image, body etc.. no changes.

If I can get this to work, this would solve a whole lot of issues for me.

Thanks once again for your input/

Still searching for an answer

Where/how did you set the background?

Have a look at the following DIV:

<div id=”text-2″ class=”widget widget_text”>
<div class=”textwidget”><img src=”https://daelkolwitz.com/1/All-Optin.jpg”&gt;
</div>
</div>

It appears to be a second copy of the image, no actual repeat, just the same image referenced twice.

Hi.

Thanks for your feedback.

First I did this right at the bottom of the stylesheet

{
background-repeat: no-repeat;
}

When no changes were noted, I then did this..

body {
font: 14px/23px Noto Sans, sans-serif;
color: #555;
background-color: #EBEBEB;
background-repeat: no-repeat;
}

Still no change, I’m afraid

This:

<div id=”text-2″ class=”widget widget_text”>
<div class=”textwidget”><img src=”https://daelkolwitz.com/1/All-Optin.jpg”&gt;
</div>
</div>

Is simply showing you what I would like the actual optin form to look like..
It’s a static single image without any properties.. so I’m attempting to make the initial image with optin form (above that) to look like the static image.

As I said above, I don’t think your issue is a “repeat” but instead the same image is linked twice, thus shows up twice.

How many widgets do you have enabled in the sidebar?

Just two..

One with the “sample” static image.. and another.. with the issue where the image shows layered.. also.. if you look to the right of the image in question, the right border repeats.. so does the bottom.. like 3 times

Disregard the one with “sample” on it..

Removing that now, to avoid confusion

Ok, I think I got your webform to look as you would like.

All changes need to be made is style.css

You should be able to find all the changes I made in here:

There were quite a few, but I don’t remember all of them:

https://pastebin.com/WYq2xfbe

Wow.. what can I say?

Thank you.. haven’t looked at the entire thing.. (doing that now).
Before I go on.. is the webform now in the style.css instead of the widget?

Would that be correct?

If so, how do I call that element to show up in the widgets section, or anywhere I want on wordpress blog?

Thanks once again..

Will be back to report..

The changes I made should all be applied to the style.css

A lot of padding changes (keep an eye out for those)

Alternately, if you need help, I can make these changes for you if you want to create an account for me on your site.

Genius..

I simply copied the tables (and codes) off the style.css you created and pasted the content into the sidebar..

Seems on each image you added the no-repeat attribute to stop the images from “spilling over,” as it were..

As you can tell (from the new – and revised optin form), it’s looking mighty schweet!

Now, how do I eliminate that “space” between the top and bottom image elements.
Also.. the name and email fields.. is there a way to eliminate that space in between and push them to the left, rather than the right?

Awesome and Thank you are not enough.. You are a godsend.. THANK YOU!

As for creating an account.. how do I get those details to you?

Account shouldn’t be necessary at this point. I’m glad you were able to sift through the code I sent.

Give me a couple minutes to readjust your site and come up with some new changes for you.

[Edit 1]

To remove the gap, change the cell height in in the <td> code:

Before:
<td valign=”top” style=”background:url(https://daelkolwitz.com/1/top.jpg);background-repeat: no-repeat;width: 248px;height: 141px;”></td>
After:
<td valign=”top” style=”background:url(https://daelkolwitz.com/1/top.jpg);background-repeat: no-repeat;width: 248px;height: 134px;“></td>

[Edit 2]

“is there a way to eliminate that space in between and push them to the left, rather than the right?”

Not entirely sure I understand what you mean, are you talking about left justify, vs right justified text?

[Edit 3] – More Changes

/*-[ Sidebar ]———————*/
#sidebars p { line-height: 20px }
.sidebar.c-4-12 {
float: right;
width: 34.2%;
line-height: 20px;
background: #F5F5F5;
padding: 2%; <– Change to 0%
padding-top: 31px;
border-left: 1px solid #E8E8E8;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

—————————–

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0; <– Change to 0px
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

—————————–

.widget {
margin-bottom: 27px;
float: left;
clear: both;
width: 100%;
padding-left: 25px; <– Add this line
}

—————————–

table th, table td {

padding: 7px 15px; <– Delete this line
padding-top: 7px; <– Add this line
text-align: left;

}

Suffering succotash.. That WORKED!

[Edit 2]

“is there a way to eliminate that space in between and push them to the left, rather than the right?”

The:
Name* [form field]

email* [form field]

fields is there a way to make them sit like

name* [form field]
email* [form field]

One on top of one another without that jarring space in between?

PS: Can’t believe you guys do all this for .. FREE! Whaa?!

This is so awesome.. I’m really over the moon right now..

Thank you!

I’ve made some more changes, they all take place in the style.css.

You should also revert the height change I made earlier, (I.E, Change it back from 134 to 141.

[Edit]

I’m still not quite sure I understand your plans for the form fields, the example you provided looks exactly the same. (Only one is lower case, the other is title case)