Background image blog page

Comments

• Bryan

  November 2017

  Hi,

  you can set the background page image in theme options>global>general

  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ONELOVE9

  November 2017 edited November 2017

  I put a background image there but it does not show on the blog page blog/ by the way I only want it to show in the blog page not on the other pages. Let me know. Thanks.
• Bryan

  November 2017

  You can use this css

  body.blog #Wrapper {
  	background: red !important;
  }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ONELOVE9

  November 2017

  I put it as well as CSS on the blog pag as in the theme CSS but no result, what does "red" refer to? Please advice. 
• Bryan

  November 2017

  The background color on the page, please paste this css to theme options>custom css&js>css and save, then refresh the blog page. If it does not change then please disable cache plugins and remove browser cache.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• elombard

  November 2017

  Thanks for the code, it works for me also.  I just have another question.  How do you format the post page.  On the blog list page the background is sorted but when I open a blog it defaults back to the transparent format?
• Bryan

  November 2017

  elombard
  
  Hi,
  Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
  It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
  thanks 
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ONELOVE9

  November 2017 edited November 2017

  Hi,

  
  

  I would like to have the same background (cover) on this blog page https://www.homecrew.nl/blog/ as on this homepage https://www.homecrew.nl/, but your CSS does not seem to do the job. Looking forward to the solution?

  
  

  Even when I use this CSS on the page builder itself it does not cover the whole page

  
  

  body.blog .mcb-section {

    background: url(https://www.homecrew.nl/wp-content/uploads/2017/08/background-3.png) no-repeat center center fixed !important;

    background-size: cover !important;

  }
• Bryan

  November 2017

  Hey ONELOVE9
  
  Try to add this background to the Content, like this:
  
  body.blog #Content {} instead of .mcb-section
  
  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ONELOVE9

  November 2017

  Thanks it worked partially, check https://www.homecrew.nl/blog/, but how do I make it cover the whole page like on https://www.homecrew.nl
• Bryan

  November 2017

  But is looks the same as the main page, it covers everything but the footer. Do you see something else? Try to delete browser cache.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ONELOVE9

  November 2017

  If you check https://www.homecrew.nl/ and compare it with https://www.homecrew.nl/blog/ you see that the blog page wallpaper background is not as spread out (setting: cover) als the homepage. For consistent design reasons we would like to have the blog background exactly the same as the homepage background. 

  
  

  Setting on homepage in the Muffin Builder is : Background | Size = cover
  

  
  

  Thanks for understanding and looking forward to the trick to fix this

  
  

  
  
• Bryan

  November 2017

  This will be not possible since the pages differ in height of the content and the background adjusts to the size of the container since it is set to cover.
  If you want it to be consistent please create a small background image and make it contain and repeat. This way it will be possible.
  
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next