White border box

heres the link

https://i840.photobucket.com/albums/zz325/mo9321/question.jpg

an image is not very useful, as it cannot not show the interaction of html and css.

link to your site?

there is probably an image style in style.css (or one of the stylesheets) of your theme, with padding and a background color.

with a link to a page of your site showing the issue, this can be checked within minutes.

https://redcarpetrefs.com/wordpress/

there you go srry as you can see alot of things like wiget and stuff have a white back ground

assuming you know what to change when you know where to change:

the image border:
in default.css:

.posts-default .entry-thumbnails-link { border: 1px solid #E1E1E1; background: #FFF; }

– the white border is created by the background color in combination with this style in base.css:
.posts-default .entry-thumbnails-link { padding: 4px; }

the widget background:
in default.css:

.widgetcontainer { border: solid #CCC; border-width: 1px; background: repeat-x #FFF; line-height: 1.4em; }

the widget-title:
in default.css:

.widgettitle			{ color: #333; font-size: 12px; font-weight: 700; margin: -10px -10px 10px; padding: 5px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border-bottom: 1px solid #CCC; }

in single posts:
in default.css:

.single .post, #main .single-post { background: #FFF; border: 1px solid #CCC; }

.nocomments { background: #FFF; border: solid #CCC; border-width: 0 1px 1px; padding: 15px 10px; margin: 0 10px 10px 0; font-size: 12px; }

#commentform { background: #FFF; border: solid #CCC; border-width: 0 1px 1px; margin-right: 10px; padding: 10px; }

there will be more …

more how? and cant i just plug this all into the user.css

and i want to get this cleared up the default.css is it the same as the stlye.css? if not where is the default.css sorry im new to this i kind of know what im doing i just want to actually learnt he right way

there will be more …

just pointing out, that there might be more white areas, that are not covered by the mentioned styles.

and cant i just plug this all into the user.css

yes, good idea to add the changes to user.css:

such as background: transparent; and/or border: none; for the involved styles

i just plugged in the first two things to get rid of thw white box behind the refs page and its still there?

i put it into the user.css

the refs pag is basically a image made on photo shop and is put in as a image btw and should i take of transparency or anything to make it work? i just want this color #bfaea7 where all the white is. And i really need to get the white off the refs page

you might need to press ‘ctrl’ and ‘f5’ at the same time to clear the browser cache; or reload the page in the browser.

i can see changes to the thumbs on the front page, for instance.

btw:
in the widget container, you have removed the border, but left the background color:

.widgetcontainer { border: transparent; border-width: 0px; background: repeat-x #FFF; line-height: 1.4em; }

but everything seems right so the ref page should work right? like no white box behind that big image? that page bothers me the most that needs to be fixed any ideas?

ok srry i figured it out thank you couple more quetions how do you change the comment button? or the box that says leave comment and no comment? and the font color for comments?

ok srry i figured it out thank you couple more quetions how do you change the comment button? or the box that says leave comment and no comment? and the font color for comments?

and how to get rid of that html thing under each comment box?