x

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

9,439 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 >

9,411 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? 

5,911 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 

5,907 Views
Message 46 of 45
Report
Square

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

5,903 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!

5,893 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>
9,412 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!

5,879 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

5,880 Views
Message 46 of 45
Report

Done! 

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

5,872 Views
Message 46 of 45
Report
Square

Haha! Thanks! Smiley Happy

5,870 Views
Message 46 of 45
Report

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

2,481 Views
Message 46 of 45
Report
Square

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

2,478 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,469 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,465 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,416 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,413 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,411 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,374 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,366 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,363 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,104 Views
Message 46 of 45
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.