Docs

[shortcoast]

Hi,
I wanted to hide the “leave a comment” textlink on top of the articles (see attached) and, looking through the topics on this support forum I found this bit of code below and used it succesfully:

.p-meta > span:last-child {
display: none;
}

but I’d also like to hide the “/” element that still appears after the article tag (“wineries” in this case) (see attached and live here: http://www.vinodiretto.it/en/blog/ and also here: http://www.vinodiretto.it/en/grosjean-and-their-aosta-valley-in-15-seconds/).

I tired the following code but that results also in collapsing the spaces:

.p-meta > span:after {
display: none;
}

May I ask you how could I just remove, or hide that “/” element, keeping all the spaces as they are for that line?

Cheers!

[Rupok]

Hi there,

Thanks for writing in in details. You can just use this :

.p-meta > span::after {
  content: "";
}

Cheers!

[shortcoast]

Hi again,
I just found out that the code I used to hide the “leave a comment” link is actually hiding the last element there (that is usually “leave a comment”) but, when this happens on an article where comments are disabled, it’s hiding the category tag instead, because there the “category” elment is the last one.

I’ve attached a couple of screenshots and here are the live links:
– http://www.vinodiretto.it/it/aforismi-citazioni-vino/ (this is the article I’m referring to, where I disabled comments)
– http://www.vinodiretto.it/it/blog/ (the same article also appears on blog homepage; it’s the last article on the left, at the bottom)

So I’d need to use a different code to hide the “leave a comment” link I believe :/

thanks!

[Rupok]

Hi there,

Thanks for writing back. In that case you can update the code to following :

.blog .p-meta > span:last-child {
  display: none;
}

And the code to hide the slash is provided above.

Cheers!

[shortcoast]

Thanks,
I tried the code above and it actually works for the article itself: http://www.vinodiretto.it/it/aforismi-citazioni-vino/ but not unfortunately on the blog homepage: http://www.vinodiretto.it/it/blog/ (see last post on the left, at the bottom) where the category is still hidden.
Is it possible to have it working also there?

Thanks also for providing the code for hiding the “/” element:I used it and it works; just a small thing: is there a way to hide only the “/” element that would appear after the “category” element (and before the “leave a comment” that is now hidden) and not hide also the “/” symbol between the date and the category, by any chance?

thanks again!

[Lely]

Hi There,

Since there’s no comment on that specific post, it considers it’s category as element. Please update the css to this for it be specific:

.blog .p-meta > span a.meta-comments {
    display: none;
}

Update this:

.p-meta > span:after {
display: none;
}

To this:

.p-meta > span:nth-child(3)::after {
    content: "";
}

Hope this helps.

[shortcoast]

Hi,
I implemented the code above and everything works fine now excpet for one thing: now inside the articles the “leave a comment” link appears on top: http://www.vinodiretto.it/en/grosjean-and-their-aosta-valley-in-15-seconds/ while it’s not visible, correctly, when on blog homepage: http://www.vinodiretto.it/en/blog/
but I’d like to have the “leave a comment” link hidden also inside an article.

To recap, here’s the css code I’m using now:

/* HIDE LEAVE A COMMENT ON TOP OF BLOG POSTS */
.blog .p-meta > span a.meta-comments {
display: none;
}
/* HIDE “/” ELEMENT AFTER CATEGORY ON TOP OF BLOG POSTS */
.p-meta > span:nth-child(3)::after {
content: “”;
}

thanks again!

[Lely]

Hi There,

To also hide the leave comment on single post page, please update this:

.blog .p-meta > span a.meta-comments{
    display: none;
}

To this:

.blog .p-meta > span a.meta-comments, .single-post .p-meta > span a.meta-comments {
    display: none;
}

Hope this helps.

[shortcoast]

Hi,
thanks a million: everything is working fine now! 🙂
Thanks also for being so quick!

much appreciated! 🙂

[Lely]

You’re welcome!

Cheers!

[Author]

Posts