Sidebar: Calendar link colors, ad placement, userpic linked

Jul 09, 2011 17:45

Hi, I'm having some Expressive trouble/questions that I couldn't find solved in the tags, so hopefully someone can help me. :) (this layout help would be used for the Plus account I'm posting in.)

Solved! 1. For my sidebar calendar, I would like the days with posts to have a full color background. Currently I have the coding set so that all of the ( Read more... )

sidebar:calendar, $acct level:basic or plus, misc, sidebar:profile:user icon

Leave a comment

full background color for days with posts anarano July 10 2011, 13:55:45 UTC
Delete your ".calendar-widget a" CSS settings. Insert this lines instead:

.calendar-widget table
{margin:auto; width:100%}

.calendar-widget td, .calendar-widget th
{border:1px solid #eee; padding:2px 0; text-align:center; vertical-align:middle}

.calendar-widget td a
{display:block; margin:-2px; padding:2px 0; background-color:#97de2c}

.calendar-widget td[colspan*="7"] a
{background-color:transparent; margin:0}

The first code line makes the whole calendar table wider; it can be less than 100%. You can try it out.

The second code line arranges the cells a bit more generous and consistent. "th" stands for the weekdays row.

The third code line is for all all links in a table cell (=month name and all days with a post). "display:block" enables full background color, "padding:2px 0" gives the links the same space like all cells have. "margin:-2px 0" deletes the - now redundant - space of each cell with a link. It makes the calendar table cells evenly spread.

The forth code line changes the background for the month name back to transparent and suspends the margin deletion of the third line.

Good luck!

Reply

Re: full background color for days with posts leafy_m July 10 2011, 20:10:41 UTC
Aaaah, my God, that's perfect! Thank you so much! =D

Reply


Leave a comment

Up