Community

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?

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,

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!

Hi

Try

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

Stu

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

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.

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

Corrected below:

.date-icon {display: none;}

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 :)

But where in the CSS do you paste the .date-icon {display: none;} ?

OK, I can get the icon do disappear, but the text entry body doesn't move over (to the left) to fill the space where the icon used to be. Am I missing something else? Thanks for the help!