How to Change Tumblr Post Background Color


Every single Tumblr theme has a different inner html structure, so there’s no single way to change your post background colors.  However, if you leave your theme in the comments, we will be able to help you out with this.  You must take into account the follwoing guidelines when changing your Tumblr posts html background colors;

Change Tumblr Post Background Color.

  • You must find out what div tags are wrapping your posts, doesnt matter what type they are.  The ID is the key to changing the color
  • Many times, the posts have corners, footers and headers that are shaped with images, so changing the color might not be enough though
  • Most tumblr themes have a separate .css file where it labels all these parameters, also defining the posts background color

Just leave your comment if you want us to help you with your theme.


29 Responses to "How to Change Tumblr Post Background Color"

Add Comment
  1. Stacey

    December 12, 2010 at 6:05 pm

    here is my dilemma: i KNOW a lot about html and css, but the whole tumblr custom themes have me completely lost (i had my own domain for 3+ years). what i’d like to change about my current theme is to have some sort of background image… fixed, repeating, it doesn’t matter, but i want the actual tumblr posts to have the sort of opacity that it has with just a solid color as the background. i know how to make this effect in regular html with tables and whatnot but like i said, these tumblr themes have me scratching my head. i have scoured the code for this particular theme, and i just cannot make sense of it. any help would be greatly appreciated :)

    [Reply]

  2. katharine

    May 3, 2011 at 2:40 am

    I am using the Astronaut theme. I changed my background but the ‘about me’ section is white and it is extremely noticeable. Is there any way to make this a different color, or make it a tad transparent?

    [Reply]

  3. Ryan

    November 3, 2011 at 5:42 am

    just need to know how to change the post background color on the theme ‘office’

    [Reply]

  4. Kenya

    November 6, 2011 at 10:08 pm

    theme by rickerlr

    [Reply]

  5. Jenn

    November 12, 2011 at 8:47 pm

    I’m using the photostack theme on tumblr, and when you click on the post, there is no background. My background image is very busy so it is hard to read the post. How can I add a background to this?

    [Reply]

  6. Rianne

    November 26, 2011 at 9:04 am

    my one is called tesselate.
    btw whats really annoying me is the updated tumblr. i dont like it. you cant change your theme colours on that like from before.. its now complicated like this.:( ITS SO ANNOYINGGG.

    [Reply]

  7. Amy Kim

    December 1, 2011 at 11:38 pm

    I need help making a background color for my text posts because the text cannot be read because of my background. Please help me!

    [Reply]

  8. Bam

    December 4, 2011 at 6:38 am

    I’m using the rubber cement theme and can’t seem to get the hang of changing the background color. The only color it will change to is white and my text wont show up. In preview my text is gold but when i view my blog everything is white. Please get back to me with some helpful info, Thank you

    [Reply]

  9. alena

    December 5, 2011 at 3:26 am

    I would like to change the background color to white or a light grey…I looked in the html & tried to changing the color, but it didn’t seem to do what i wanted. Can you help? Thank you!

    [Reply]

  10. Amanda

    December 7, 2011 at 12:08 am

    So I’m under Appearance in Customize theme and there’s a spot for background color. I clicked on that and a color palette came up so I chose a color I liked, clicked on it, and nothing happened. It just stays the same color as it first came.. Help!

    [Reply]

  11. annika

    December 8, 2011 at 5:28 am

    i want to know how to make the background of posts transparent? if you know please tell me by email/ask on tumblr.

    [Reply]

  12. Joshua

    December 9, 2011 at 2:56 am

    I want to change my background into black and my text into white. Thanks! :)

    [Reply]

  13. kenzie

    January 2, 2012 at 6:29 am

    I’d like to have a content background on my whole theme so you can see my text better because when I add a background it is all clear and its annoying. thanks!

    [Reply]

  14. Allie

    January 6, 2012 at 4:10 am

    so my theme is modernise, and when i post on my black background, the background of my posts is white and it looks bad. anyway you could help me figure out how ot change it? thanks!

    [Reply]

  15. Tihomir

    January 6, 2012 at 9:34 pm

    Hello

    I have Nominal by xantheose set for tumblr theme, and I would just like that posts have like a white collar around them, like they have been glued to a piece of simple white paper, that extends slightly around them in rectangular shape

    Hope I was clear enough
    Hope you can help me
    Thanks in advance
    Tihomir

    [Reply]

  16. Lara

    January 20, 2012 at 9:23 pm

    hi, my theme comes with the option of allowing you to change the post background color, however when i do change it nothing happens. i also went straight to the html coding and changed the color code where it says posts background, but that didn’t do anything either. please help! thank you!

    [Reply]

  17. Gaby

    February 13, 2012 at 2:33 am

    Hello! I really want my background color to be changed to light pink

    [Reply]

  18. evelyn

    February 25, 2012 at 8:17 pm

    How can I change my background color from gray/white?

    [Reply]

  19. N

    April 7, 2012 at 6:06 pm

    My background makes it so you can’t read any text by itself or under a picture. I don’t want to change my font to something flamboyant, but if I don’t, I can’t read it. Can you help me out?

    [Reply]

  20. Q1

    May 12, 2012 at 6:54 am

    I would like to invert the colors of my theme’s post background if you could help me with this i’d really appreciate it

    [Reply]

  21. Mel

    May 18, 2012 at 3:42 pm

    Hiya! So, I just started using tumblr and I’m having some trouble. I can’t seem to find anywhere that shows you how to change the background on posts… right now its just a white block, blocking view of the background… any suggestions?

    Also, how can you make a background fixed and not repeat? Much thanks.

    [Reply]

  22. Hoffman

    June 9, 2012 at 11:51 pm

    I have the stock theme(Redux). I want to change the background color for my posts and the bar on the right side of the page. Please help!

    [Reply]

  23. Misty

    September 1, 2012 at 7:39 am

    Hi, I need help. I’d like my posts to have a rounded rectangle shape, with a white bg with low opacity. (About 40%). If possible can you explain to me how to change the top black bar I have on my page to make it fixed so my posts don’t cover it when I scroll?

    ^^;

    Thanks.

    [Reply]

  24. Oyee

    November 11, 2012 at 10:47 pm

    It’s Effector Theme by Pixel Union. I’d be really grateful, if you could help me. =) The coding for that theme is just a bit too immense for me as a starter.

    [Reply]

  25. Hannah

    February 17, 2013 at 2:10 am

    Serifs & Scribbles Tumlbr Theme by Ahhfred i really can’t be bothered to figure it out myself so it’d be much appreciated please and thank you

    [Reply]

  26. zea

    March 31, 2013 at 7:19 pm

    i can’t change the background to transparent because i can’t even find the codes to change

    [Reply]

  27. jenny wilhelm

    May 14, 2013 at 3:36 pm

    hello, my name is jenny im from germany. so my english isnt that good. i would be very thankful if you could help me ! i’m using the ‘astronaut’ template on tumblr and i have no idea how to change the background. if you would answer me i was very happy =D

    [Reply]

  28. Gwen

    May 20, 2013 at 9:15 pm

    I love my background picture, and I currently have a transparent post background. I don’t want an opaque post background, because the focal point in the picture will be covered, but the text is hard to read no matter what color it is. Is there any way to create a translucent, cloudy post background, maybe with gray, so the picture is still visible but just muted behind the post? I heard someone mention they had this once, but not how to do it. My Theme is Field Notes by Manasto Jones.

    [Reply]

  29. johan

    June 25, 2013 at 2:24 pm

    Hi,

    I am trying to change my Tumblr background color, but I havent been able to do it so far. I’ve read a lot about HTML and CSS but I can’t change it ! Any help would be very appreciated :)

    [Reply]

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>