Design + Coding > Removing date icon (pre-title)

Hi Guys,

am going crazy trying to work out how to remove the small calendar icon when I place the date above a journal entry.

It is easily removed when in another block but not in that position.

I also considered overriding it with another image but the method at this post:
http://developers.squarespace.com/design-coding/post/608428#post608496

...wont work as when you put the date up there the icon appears to be inline in html code not in CSS (I am a little new to all this though!)

this code also doesn't work ...

.inline-icon date icon { display: none;}

... I assume for the same reason


Even if I disable ALL the icons in the site that icon is still there.

Suggestions?

07.3.2009 | Unregistered CommenterRowan

Can you block (display none) a parent class containing this icon perhaps? I don't have any layout that has an icon such as what you describe - without seeing it it would be a guess as to the exact syntax... . Hth for now,

07.3.2009 | Unregistered Commentersib

you can view what I have so far here...

http://tinyurl.com/n5yal2

(I just enabled it for public view but will take it down later until I can get the site finished)

this is very work in progress - most of this page (including navigation) is not yet set up.

You will see in this page that the date is actually next to the headers - thats because Ive changed the z-index and repositioned the div that holds it.

as I mentioned I'm just trying to find a way to get that little calendar date icon out of there altogether. thanks!

07.3.2009 | Unregistered CommenterRowan

Hi

Try

.inline-icon date-icon {display:none !important;}

Stu

07.3.2009 | Unregistered CommenterStuart Hobday

Thanks Stu, I tried and no luck. I'm guessing thats for IE but I'm testing with safari and firefox on mac.

07.3.2009 | Unregistered CommenterRowan

Try:

.date-icon {display:none;)

Paste the above (with the dot before the word date!)... . I tested it in firefox using firebug and it immediately removed the icon. If that doesn't work post back.

07.3.2009 | Unregistered Commentersib

Sorry - the above has the wrong bracket at end - should be the matching } bracket!

Corrected below:

.date-icon {display: none;}

07.3.2009 | Unregistered Commentersib

WooHoo !!!

that totally worked.

I'm sure I tried a thousand variations very close to that and maybe I had syntax error or something.

Thanks so much sib - you rock :)

07.3.2009 | Unregistered CommenterRowan