How To Make Body Background Image/ Solid Color

Support Area Forums Foundation How To Make Body Background Image/ Solid Color

This topic contains 6 replies, has 2 voices, and was last updated by Tangeray Tangeray 12 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
URL to the page in question: http://www.RobertTanguay.com
  • Author
    Posts
  • #38077
    Tangeray
    Tangeray
    Participant

    Hi Bill,

    For some reason the entire theme reset and even lost the slides. Images remain on server, but have to be re-uploaded to be inserted. Strange. The theme version needed to be updated as well.

    Also, the background image (or plain color I had for the body disappeared. How can I put a background image in the body of every page? How about a solid color?

    I believe you helped me before, but I can’t find the info. Could you give me the sample code and tell me where to put it?

    Thank you!

    #38080

    Bill Robbins
    Moderator

    Hi Robert,

    No fun losing your customizations I know. You can find all the topics that you’ve started in the forum at http://support.organizedthemes.com/forums/users/tangeray/topics/ . If you’ll click on a forum topic in that list it’ll bring you to that topic and its replies. That’s one of the many reasons why I encourage using the forum for support instead of email. It’s much easier to track down questions and their answers.

    Take care,
    Bill

    #38081
    Tangeray
    Tangeray
    Participant

    Hi Bill,

    Thanks, but I already checked and didn’t see the thread there. I like to use the forum too and search prior to asking my questions.

    Could you please explain how to make a body background a solid color?

    I believe it is under theme options>>Styling>>Custom CSS

    Thank you,

    Robert

    #38082

    Bill Robbins
    Moderator

    Hi Robert,

    I pulled this from another post. It might be able to help you here:

    1. In your WordPress dashboard click on the Appearance section and choose Theme Options.
    2. From the tabs at the top, choose the Styling one.
    3. Scroll down to the Custom CSS box and add this:
      
      #wrap {
      	background-color: #fff;
      }
      
      @media only screen and (min-width: 1024px) {
      
      	#wrap {
      		width: 1020px;
      		padding-left: 30px;
      		padding-right: 30px;
      	}
      
      }
      
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
      	
      	#wrap { 
      		width: 760px;
      		padding-left: 10px;
      		padding-right: 10px;
      	}
      
      }
      
      @media only screen and (max-width: 767px) {
      
      	#wrap {
      		width: 100%;
      		padding-left: 5%;
      		padding-right: 5%;
      	}	
      	
      }
      
    4. Save your changes.

    Take care,
    Bill

    #38092
    Tangeray
    Tangeray
    Participant

    Thanks Bill – that works but for the whole site. How can I put the background in just the body (under the nav and aside from widgets)?

    • This reply was modified 1 year ago by Tangeray Tangeray.
    #38094

    Bill Robbins
    Moderator

    Sorry for misunderstanding there. If you want it just in the content area, you would use this in your Custom CSS:

    
    #content { background-color: #fff; padding: 30px;}
    

    See how that works for you.

    #38176
    Tangeray
    Tangeray
    Participant

    Thanks Bill – works like a charm.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘How To Make Body Background Image/ Solid Color’ is closed to new replies.