homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

replacing images
in wordpress theme

WebmasterWorld Senior Member 10+ Year Member

Msg#: 3960590 posted 9:25 pm on Jul 27, 2009 (gmt 0)


Here is the question:

I have a blog theme in wich beside the post title appears the date as a framed number.
I would replace that frame with a customized image, but I have no skill in CSS styling, so I would ask you experts how to manage that issue:

This is the part of the CSS regarding display the date:

.date-padding {float:left; padding:15px 0 0 17px;}
.date {background:#280000 url(images/date_bottom.gif) bottom repeat-x;}
.date-top {background:url(images/date_top.gif) top repeat-x;}
.date-right {background:url(images/date_right.gif) right repeat-y;}
.date-left {background:url(images/date_left.gif) left repeat-y;}
.date-bottom-right {background:url(images/date_bottom_right.gif) bottom right no-repeat;}
.date-bottom-left {background:url(images/date_bottom_left.gif) bottom left no-repeat;}
.date-top-right {background:url(images/date_top_right.gif) top right no-repeat; width:100%;}
.date-top-left {background:url(images/date_top_left.gif) top left no-repeat; padding:7px 17px 6px 16px;}

.date {text-align:center;}
.date span {font-size:1.4em; line-height:1em; font-weight:normal; color:#FFFFFF; text-transform:uppercase;}
.date strong {font-size:2.4em; font-weight:bold; color:#FFFFFF;}

The current frame is composed by a "sliced" image as you can see;I would replace it with a single image instead. I tried to delete all the lines except /image-top.gif, and inserted my image renaming it but I see it only in part; If I try to delete any other line making the same, the whole post formatting crashes...
Moreover, I tried to enlarge the image space by modifying the date-padding line values, but seems that nothing happens...

Please, how should I proceed?

Thanks a lot for any help


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved