Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Hide the "Archive tag: xxx" or "Archive category: xxx" texts in Grisaille

  1. giannicatalfamo
    Member

    Hi,
    I use the Grisaille theme and would like not to display the titles for the query pages (be it tags or categories) but go straight to the results.
    I understand CSS cannot change content, but perhaps there is a way not to display it.

    Thanks
    (happy to post link to blog, but it's all in italian :-D)

    The blog I need help with is sonofgeektalk.wordpress.com.

  2. giannicatalfamo
    Member

    whoops - where did the blog name come from?

    Sorry, that's my own blog, not the one for which I need help, which is

  3. giannicatalfamo
    Member

    whoops - where did the blog name come from?

    Sorry, that's my own blog, not the one for which I need help, which is
    this

  4. giannicatalfamo
    Member

    boy, am I clumsy :-D

  5. houstonweaver
    Member

    You might try this.

    #archives {visibility:hidden;}
#archives span{visibility:visible; float:left;}

    If this doesn't line up right on the left, you may use something like this and adjust the margin number:

    #archives {visibility:hidden;}
#archives span{visibility:visible; float:left; margin-left; 20px}

  6. giannicatalfamo
    Member

    this is great, worked perfectly - pardon my ignorance but your first snippet looks exactly like one I had used before except for the "#" instead of "." - what is the difference between the two?

    Thanks again

  7. houstonweaver
    Member

    Excellent question. The theme author determines which elements in the theme will be ID elements (using the # before the element name) and which elements will be CLASS elements (using the . before the element name.) The individual elements are called selectors.

    There are rules about when ID's should be used and when Classes should be used. The main one is that the ID should be used for unique selectors and the class may be used for a variety of selectors. Read more about it at http://www.w3schools.com/css/css_id_class.asp

    Many browsers will allow you to view the source of your page. That is an easy way to locate the section that you are trying to modify and see whether they use the # or the . and the selector used. It's not always that straightforward but often enough that those of us who like to poke around can determine what might work.

    If you look at your theme theme stylesheet you will also see the ID's and classes and the selectors they relate to, but not in the order used on each page like viewing the source does.

  8. giannicatalfamo
    Member

    Hi, I'm back - happy New Year!

    I realized today that the simple change you suggested which I had implemented to my great satisfaction, unfortunately is not working anymore; I tried switching the "." with the "#" and back again but nothing changes.

    Of course I have purchased the upgrade, but other than that I am not aware of having made any other changes.

    I confess I tried looking up the page source but I found it very confusing, looks like something that's way beyond my capabilities, sorry!

    Any help you could provide is greatly appreciated

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags