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

what about the little icon that appears next to a page link going to a single off-site link?

I've tried: ".permalink-icon {display: none;}" which didn't work

12.2.2009 | Registered CommenterJosh Estes

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

12.8.2009 | Unregistered Commenter+ Z

At the bottom will work just fine. Or if you have any other group of custom CSS statements that deal with journal formatting, put it with those. Don't forget to click the "Save CSS Changes" button directly below the CSS Editor window.

--Chris

12.8.2009 | Registered CommenterChris Loosley

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!

12.9.2009 | Unregistered Commenter+ Z

If you post a link, someone can look at the actual page to see what's there, and give you a fix for that behavior.
--Chris

12.10.2009 | Registered CommenterChris Loosley