Home/ Questions/Q 6873997
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:08:23+00:00

I created the following style to act as a header for blog posts. h4

  • 0

I created the following style to act as a header for blog posts. 

h4 {font-family: "futura", "helvetica", sans-serif; position:center; line-height:56px;      
font-size:38px; letter-spacing:1px; font-weight:bold; text-align:center; padding-
right:20px; padding-left:20px; color:white;border-style:solid;
border-top-width: 22px; border-bottom-width: 0px; border-left-width:0px; border-right- 
width:0px; border-top-color:#F15B4C; border-bottom-color:#F15B4C; background-
color:#F15B4C;}

The site I am working on will feature several “chains” of artwork. Each chain is linked together by artists reworking the same piece of art over time. I want to differentiate each chain with a unique background color for the header.

I’d like to be able to somehow change the color for each post in line, but since this is a hacked Tumblr theme I am limited on how much I can do. Any recommendation on how to create additional styles in Tumblr’s mashed up HTML/CSS style?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could possibly do it through tags.

    <div class="caption {block:Tags} {Tag}{/block:Tags}" >

    That should apply the class “chain3” to your classes for that caption.

    and then in your CSS…

    .caption.chain3 {background-color:#0000ff;}

    This all depends on your tags being strings that CSS can interpret as class declarations, of course. A tag like “Friendship Is Magic” can’t be a CSS class.

    • 0