CSS Help for Coraline Theme

thinkindigo · Member · Nov 4, 2011 at 6:47 pm
Copy link

Add topic to favorites
Here is my blog: http://daddyhoodtranscribed.wordpress.com

I am using the Coraline theme with the CSS upgrade to make small changes. I mark all of my posts as “Gallery” type in order to show just a preview/excerpt on the main blog pages. I am interested in changing the background color behind the excerpt text ONLY – ie. I want the blog background to be Color A (I know how to change this, it is currently #FFFFFF), and I want the background behind the excerpt text to be Color B. So each blog post excerpt background would appear similar to as if it were posted as a sticky (my sticky background color is yellow), but they would still be able to be posted as Gallery format, not Sticky (I don’t want all my posts to be stuck to the front page). I hope that makes sense.

I’d also like the tags to show up on the bottom of the gallery excerpts on the main blog pages, if that’s possible.

If these are even possible with Coraline, I would be grateful if someone could point out the necessary pieces of CSS to edit. Thank you in advance!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 4, 2011 at 7:14 pm
Copy link
See what you think with this. I had to add an “!important” attribute to the sticky background color so that it would override the gallery format background color when a sticky was also a gallery format.
```
.format-gallery {
background-color: #CCE5FF;
padding: 1.7em;
}

.sticky {
background: #FFF9C0 !important;
}
```
thinkindigo · Member · Nov 4, 2011 at 7:41 pm
Copy link
thesacredpath: Yes, thank you, works perfectly!! Any suggestions on how to get the tags to show up on the bottom of the gallery excerpts?
thesacredpath · Member · Nov 4, 2011 at 7:56 pm
Copy link
You are welcome.

On the tags, no there is no way to bring them back on the gallery format on the main page. That element disappears from the markup (XHTML) with the gallery format which means it is taken out in the underlying theme PHP script files. If it had just been hidden in the CSS, then it could be unhidden, but it isn’t there at all.
thinkindigo · Member · Nov 4, 2011 at 7:58 pm
Copy link
Great, I understand. I just noticed that the new background color for the except text is also applied behind the text of the actual blog post (when viewing the expanded version of the post – this is great! However, it is NOT applied to the text of a page (see here for example: http://daddyhoodtranscribed.wordpress.com/about-2/). Is there a solution to this?
thinkindigo · Member · Nov 4, 2011 at 7:59 pm
Copy link
Apologies, here: http://daddyhoodtranscribed.wordpress.com/about-2/
thesacredpath · Member · Nov 4, 2011 at 8:16 pm
Copy link
Pages will have to be handled separately, but we can add the necessary selector to the .format-gallery rule. Replace .format-gallery with the following or edit and add the other selector.
```
.page .hentry, .format-gallery {
background-color: #FFFFFF;
padding: 1.7em;
}
```
thinkindigo · Member · Nov 4, 2011 at 9:41 pm
Copy link
Perfect! Thanks again!
thesacredpath · Member · Nov 4, 2011 at 10:03 pm
Copy link
You are welcome.

No items found.