Change the background colour in a blog...

Hi everyone,

Struggling with something that should be basic. 

I want to change the colour of the background of my blog from black to white, without change the site theme-colour. 

Any ideas?

Thanks,

Scott

12,382 Views
Message 1 of 45
Report
1 Best Answer
Square

Best Answer

Adding this to the Header Code field for the blog page on the Pages tab will change it to white on the live site:

<style>
	#main
	{
		background: #fff !important;
	}
</style>

View Best Answer >

12,354 Views
Message 46 of 45
Report
44 REPLIES 44
Square

This is separate from your other post, right? The other one you are trying to change background image on mobile? 

6,104 Views
Message 46 of 45
Report

Hi @Bernadette , yeah this is a separate question from my other one. Sorry for being a pain in the butt... Smiley Happy 

6,100 Views
Message 46 of 45
Report
Square

What is the URL of your blog page, @hunterscotty? I'll take a look.

6,096 Views
Message 46 of 45
Report

Hi @Adam

The page is:

https://designclassuk.weebly.com/blog

Thank you so much for your time and help!

6,086 Views
Message 46 of 45
Report
Square

Best Answer

Adding this to the Header Code field for the blog page on the Pages tab will change it to white on the live site:

<style>
	#main
	{
		background: #fff !important;
	}
</style>
12,355 Views
Message 46 of 45
Report

@Adamyou are awesome! Such a simple bit of code. 

I was wondering if Weebly would consider allowing 'blog' pages to have additional sections to be added. I'd like to add a small icon and small section of text that stays just under the header area, 

Thank you so much again!

6,072 Views
Message 46 of 45
Report
Square

That'd be a great addition! Feel free to post that to our Vote on Features board if you have a moment. Smiley Happy

6,073 Views
Message 46 of 45
Report

Done! 

Thanks @Adam - you should get a pay bonus Smiley Happy 

6,065 Views
Message 46 of 45
Report
Square

Haha! Thanks! Smiley Happy

6,063 Views
Message 46 of 45
Report

This doesn't work for me at all, is there another way to do it?

2,674 Views
Message 46 of 45
Report
Square

What is the address of your blog, @katarina_L, and what color did you want it?

2,671 Views
Message 46 of 45
Report

I would like to use the dark version of the theme, but make the blog (and body) background white with black or dark grey text. It is on a page locked with members-only access, so I'm not sure if you can open it: link

2,662 Views
Message 46 of 45
Report
Square

I can't, unfortunately. Hmm... Maybe you could add a hidden test blog page to the site, then link to that?

2,658 Views
Message 46 of 45
Report

Hello, I have the same problem the code doesn't work.
I would want to change the background color of the area around my blog, so not the blog post itself (but it's not a problem if that is the case). I want it to have the color code #2f2c2c
Can someone help me?
My website is: https://seppelambrecht.weebly.com/
And the blog is located at: https://seppelambrecht.weebly.com/crafters-gin-special-edition-case/test

also one other problem is that when I created the blog post I named it test, but now I changed the name to 'crafters-gin-special-edition-case'. Still the Url shows test at the end, how can I remove this from the url? 

Thanks in advance!

2,609 Views
Message 46 of 45
Report
Square

Hi @seppelambrecht Very sorry for the delay. Did you remove the blog post? I'm seeing a 404 error. 

2,606 Views
Message 46 of 45
Report

Oh sorry, I didn't remove the blog post, I was messing around a bit and found out how to edit the link. This should now be the correct link but I fixed my question about changing the link already. If there is an option to change the background color that would be amazing but if there isn't than that's no problem.
https://seppelambrecht.weebly.com/crafters-gin-special-edition-case/project 
https://seppelambrecht.weebly.com/final-assignment-2018/project
Thanks in advance.

Also if it's only possible for a moderator to change this than I would just let it be because I'm planning to post some more posts but don't want ton bother you everytime I post a new one. Smiley Happy 
Thanks in advance

2,604 Views
Message 46 of 45
Report

I am also wanting to change the page background color on my pblog pages to match the other pages on my site.

site is https://stauggietest.weebly.com/  

2,567 Views
Message 46 of 45
Report

Any idea why this solution is not working for me? LINK

I have tried putting this code in the Header section but the page remains white.

<style>

         #main

         {

                 background: # F0F8FF !important;

         }

</style>

2,559 Views
Message 46 of 45
Report
Square

Hm.. the code may be theme specific. Adam should be in tomorrow though, and he may be able to clarify. 

2,556 Views
Message 46 of 45
Report
Square

Is that space between the # and F0F8FF in your code, @fergoogle" It won't work with a space there.

2,297 Views
Message 46 of 45
Report