The Blogger Emporio Theme is one of the responsive Blogger themes released by Blogger recently. This theme comes with very nice and awesome features which include displaying posts in grids, It displays sidebars on the home page, post pages and archive pages etc. Unfortunately, many users of the theme find it difficult to apply a background image.
On this Post, I will show you how you can easily add a background image to the Emporio Blogger Theme.
Step 2: Select Theme Tab >> Customize.
Step 3: After Selecting, Customize Tab will Open >> Click on Background.
Step 4: On the Background Tab, Click on the down arrow button as shown in the image below >> Click on Upload image >> Select Browse...
Step 5: Navigate to where the image you want to use as your Background image is and select it.
Step 6: After Selecting, Click Done >> Click Apply to Blog (which is located at the top right end in the Blogger Theme Designer). Now after Applying, Click on View Blog or Reload the Homepage of your blog to see result.
After following all these steps and nothing seems to change all you need to do is Copy the Code below and Paste in on Blogger Dashboard >> Theme >> Customize >> Advanced >> Add CSS
After Pasting the code, Click Apply to Blog, then Click on View Blog or Reload the Homepage of your blog to see the result.
Replace URL-OF-YOUR-DESIRED-BACKGROUND-IMAGE with the URL of the image see example below.
In this case, you will need to upload the image to your Blogger Blog then copy the link of the image and paste it there.
N.B: After pasting the CSS Code always hit enter key at the end of the code before applying to blog, Always reload your blogs home page to see the result. Cheers Hope This works!
Steps on How To Change or Add Background Image in Blogger Emporio Theme
Step 1: Go to Blogger Account >> Blogger Dashboard.Step 2: Select Theme Tab >> Customize.
Code:
body {
background-image: url("URL-OF-YOUR-DESIRED-BACKGROUND-IMAGE");
}
After Pasting the code, Click Apply to Blog, then Click on View Blog or Reload the Homepage of your blog to see the result.
Replace URL-OF-YOUR-DESIRED-BACKGROUND-IMAGE with the URL of the image see example below.
Code:
body {(PREVIEW)
background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggiZt8CwKjkfofC1mJiOZt62U8Omw2v3FpGj5Xa-tdr_BPUtrn1uZhEccgytfT3_XlPen4gEVIjps3rY_XY5HBhLpAkAmMeZwZQcAUM5YPJAj1Zz7OSOmKwWWiOhDHRvOvQL6PMYZTXVxN/s1600/LOGO.png");
}
In this case, you will need to upload the image to your Blogger Blog then copy the link of the image and paste it there.
N.B: After pasting the CSS Code always hit enter key at the end of the code before applying to blog, Always reload your blogs home page to see the result. Cheers Hope This works!