Hi There,
.p-meta>span:nth-child(3):after {
content: "";
}
This is the structure of meta information. See how we have a paragraph tag and 4 span tag inside to separate each information.
<p class="p-meta">
<span>Amy</span>
<span><time class="entry-date" datetime="2017-06-20T17:41:27+00:00">June 20, 2017</time></span>
<span><a href="https://sassypantsdesign.com/category/life/everything-else/" title="View all posts in: “Everything Else”">Everything Else</a>, <a href="https://sassypantsdesign.com/category/life/" title="View all posts in: “Life”">Life</a></span>
<span><a href="https://sassypantsdesign.com/who-knew-smiling-could-make-you-happy/#respond" title="Leave a comment on: “Who Knew Smiling Could Make you Happy?”" class="meta-comments">0 Comments</a></span>
</p>
To access each span tag and slash after each span, see the following CSS guide
.p-meta>span:first-child(){ /*Access first span with Amy or Author*/
/*Add style here*/
}
.p-meta>span:first-child:after{ /*Access/Remove / after Amy or Author*/
content: "";
}
.p-meta>span:nth-child(2){ /*Access second span with Date/time*/
/*Add style here*/
}
.p-meta>span:nth-child(2):after{ /*Access/Remove / after second span with Date/time*/
content: "";
}
.p-meta>span:nth-child(3){ /*Access third span with Category content*/
/*Add style here*/
}
.p-meta>span:nth-child(3):after{ /*Access/Remove / after third span with Category content*/
content: "";
}
.p-meta>span:last-child(){ /*Access last span with Category content*/
/*Add style here*/
}
Now, to filter it to just work on specific post, we can add the post ID as filter like below:
.postid-1 .p-meta>span:nth-child(2){ /*Access second span with Date/time*/
/*Add style here*/
}
See this on how to locate post id: https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59
This CSS link might help: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors
Hope this helps.