How do I add a white background to the middle section leaving header footer …

link would be helpful

Thank you for your response
the link to the site is
https://rturnup.com/

with the above code this is how it looks. my side bar is gone and it overtakes my header and footer

you are using .wrap{} which targets everything with the class name containing .wrap. Your header, navigation, whatever else that has the white background contains this class name which should either be removed, or the block that you want the white background should be called something else.

Thank again for your response.
I am very new to this and am learning as I do so have any suggestions as to how to make the block for the background be called something else.
I really do not know where to start, the wrap{} code that I tried I got from reading post on this site and I really don’t know how to edit it other than playing around with the margin and padding

in your code, it would look something like this

<div class="wrap" ....

what that is saying is the DIV tag has a class name called wrap.
Your css is telling all classes named wrap to accept the background colour, etc that you told it to. so what you would do is

<div class="new_wrapper_name_of_choice"...

use the wrapper name of choice (you can keep the old one if you want/has other styles) and now you would call

.new_wrapper_name_of_choice{}

(or use # instead of . for IDs)

would this be in the header and or footer.php or functions.php

the css styling can be added in the header, footer, page, or a .css file

changing the class name would be wherever you declared the tag

is there a way of accomplishing what I an trying to do using only the custom.css or if I am understanding correctly I need to look through every file and locate <div class=”wrap” …. and change it to <div class=”new_wrapper_name_of_choice”…

I am sorry if I am asking to much of you or if you feel as thought you have explained it enough but it is kind of going over my head and the thought of digging through theme files and changing them frightens me as I might totally screw some thing up

then try #main .wrap{/*your css here*/} because it seems like thats the only wrap class in your #main ID

changing them frightens me as I might totally screw some thing up

please be sure you have a backup before making any changes in case you need to revert back to original.
are you using a child theme for all changes to theme template files?
are you using a child theme or css editor for any changes to style.css?

@arteyin thank you so much it is almost perfect. One this is is there a way to get my side bar to display again. without the code my sidebar displays showing most viewed, newest, etc…. but with the code in the custom.css it is gone

@contentiskey I am using custom.css wich does not overwrite theme files.

@arteyin everything from sidebar seems to be displayed at the bottom under load more button. will changing the padding or margin fix this

it probably will fix it. you have it encased in the same div as your content, so there is probably no room for it to fit.

hello just wanted to give a update
thanks to Arteyin I have resolved my issue.

This is what was done just in case someone needs it in the future.
custom.css

#main .wrap {
background-color: white;
margin: 30px;
max-width: 1170px;
padding: 0 10px 0;
position: relative;
}

Thank you so much Arteyin you are awesome!!