Delete Leave a Comment, change font for category, add slash

This pertains to all blog post pages.

Hi there,

“Leave a Comment” – Have you tried disabling comments on the site?
Go to Settings > Discussion > Uncheck “allow people to post comments…”

Slashes between category and date – How did you get rid of the slashes?

Different fonts for date and category – The category name doesn’t have its own class, so try this:
step 1 – Change the font for the class p-meta
.p-meta?{
margin: 8px?0 0;
line-height: 1.5;
font-family: "new font name",serif;
}

step 2 – Change the font for the class entry-date
.entry-date {
font-family: "Baytown",serif;
}

• This reply was modified 1 year, 6 months ago by askdesign.

Thank you for responding.

“Leave a Comment”?– Have you tried disabling comments on the site?
Go to Settings > Discussion > Uncheck “allow people to post comments…” ~ I am not disabling comments. It is in what I believe is called the entry header underneath the title only that I want to delete where it says Leave a Comment.

Slashes between category and date?– How did you get rid of the slashes? ~ I added .p-meta>span:after {display: none;} in .stylecss

Different fonts for date and category – The category name doesn’t have its own class, so try this:
step 1 – Change the font for the class p-meta
.p-meta {
margin: 8px 0 0;
line-height: 1.5;
font-family: "new font name",serif;
}

step 2 – Change the font for the class entry-date
.entry-date {
font-family: "Baytown",serif;
}

Where do I enter this or change this?

I don’t get your step 2. I want the font to stay Bodoni as it is for the date. It is only the category name and slash before it (which no longer shows) to be in Baytown font in lower case. Did you mean to write that? Was it just a suggestion? Sorry this is not my expertise.

“Leave a Comment” – Have you tried disabling comments on the site?
Go to Settings > Discussion > Uncheck “allow people to post comments…” ~ I am not disabling comments. It is in what I believe is called the entry header underneath the title only that I want to delete where it says Leave a Comment.

? I think disabling comments site wide will cause the text “Leave a Comment” to not display.

Slashes between category and date – How did you get rid of the slashes?
~ I added .p-meta>span:after {display: none;} in .stylecss

? You need to enable the slash display again.
If disabling comments solves the above issue, then you will only have 1 slash where you want it (between the category and date).

Different fonts for date and category – The category name doesn’t have its own class, so try this:
step 1 – Change the font for the class p-meta
.p-meta {
margin: 8px 0 0;
line-height: 1.5;
font-family: "new font name",serif;
}

step 2 – Change the font for the class entry-date
.entry-date {
font-family: "Baytown",serif;
}

Where do I enter this or change this?

? In the style.css file

I don’t get your step 2. I want the font to stay Bodoni as it is for the date. It is only the category name and slash before it (which no longer shows) to be in Baytown font in lower case. Did you mean to write that? Was it just a suggestion? Sorry this is not my expertise.

? Sorry, I thought you wanted to change the font for the category. So, you only need to change the font for the class “entry-date”, like this:
.entry-date {
font-family: "Bodoni",serif;
}

• This reply was modified 1 year, 6 months ago by askdesign.
• This reply was modified 1 year, 6 months ago by askdesign.

I am not turning off comments. I need blog comments to be enabled. I just want to remove the Leave a Comment at the top underneath the blog title.

Slashes between category and date – How did you get rid of the slashes?
~ I added .p-meta>span:after {display: none;} in .stylecss

? You need to enable the slash display again.
If disabling comments solves the above issue, then you will only have 1 slash where you want it (between the category and date).

There was a slash before the date on each blog post and that is what I needed to get rid of. Unfortunately it got rid of all slash marks beneath the title which is not what I wanted.

Different fonts for date and category?– The category name doesn’t have its own class, so try this:
step 1 – Change the font for the class p-meta
.p-meta?{
margin: 8px?0 0;
line-height: 1.5;
font-family: "new font name",serif;
}

Got this error code is the stylecss nonce_failure

“Leave a Comment” – to remove, add this code to style.css:

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

Slashes between category and date – Not sure, but you could try adding this code to style.css:

.p-meta > span .entry-date:after?{
display: inline-block;
}

Different fonts for date and category?–
step 1 – Change the font for the class p-meta
.p-meta?{
font-family: "Baytown",serif;
}

step 2 – Change the font for the class entry-date
.entry-date {
font-family: "Bodoni",serif;
}

NEW ISSUE: Got this error code is the stylecss?nonce_failure

This sometimes happens when you leave the site editor tab open for too long. It should resolve by refreshing the the editor page. More details are here:
https://quaries.com/nonce_failure-error/

Slashes between category and date – Not sure, but you could try adding this code to style.css:

.p-meta > span .entry-date:after?{
display: inline-block;

-Tried this but nothing changed. I tried this exactly as you have it above and this below since you did not have an ending }. Neither worked.

.p-meta > span .entry-date:after?{
display: inline-block; }

“Leave a Comment” – to remove, add this code to style.css:

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

-This worked! I added it to Blog Designer Pro custom CSS

Different fonts for date and category?–
step 1 – Change the font for the class p-meta
.p-meta?{
font-family: "Baytown",serif;
}

-The Baytown font did not work

step 2 – Change the font for the class entry-date
.entry-date {
font-family: "Bodoni",serif;
}

-This changed both the date and category to Bodoni (better than it looked before) but still did not change the category font to Baytown.

Blog post I’m referencing.

https://divinestyle.co/three-ways-to-celebrate-mom-outfit-ideas-for-mothers-day/

I had the font name in correct. It is Bayshore. So I followed the above steps and it worked to change the font. But not the font is really small for the category name. Not the same size as the date. Do you know how to change the size of the font?

I still don’t get a / in between the date and the category name.

For the slash, I tried this and it works:

.entry-date:after {
content: "/";
}

To enlarge the category name, while keeping the rest of the meta-data as is, modify the style.css like so:

.p-meta {
font-family: "Bayshore",serif;
font-size: 2rem;
}

.entry-date {
font-family: "Bodoni",serif;
font-size: 1rem;
}

I recommend using Google Chrome tools or Firefox Developer tools so that you’ll be able to identify the selectors yourself and make the necessary modifications!

• This reply was modified 1 year, 6 months ago by askdesign. Reason: typo

Thank you! This worked.

Now I need to add a space between the date and / plus a space after /.

Now it looks like May 1, 2023/women’s style and I want it to be

May 1, 2023 / women’s style

I also would like the / to be in Bayshore font. Not sure if it is.

I would like to remove the calendar icon on the main blog posts page which shows 10 or so blogs. Below is page to reference.

https://divinestyle.co/blog/

I want to change the category font which is currently in all upper case Bayshore font to lower case Bayshore font.

At the bottom of the blog page, you can scroll page numbers for blog posts. This got changed to Bayshore font (a cursive font) but I want this in Bodoni font.

Thank you so much. Not sure what you mean by this. I do search on google, wordpress, etc. but have not had luck with codes of they do not work on my wordpress site and theme.

I recommend using Google Chrome tools or Firefox Developer tools so that you’ll be able to identify the selectors yourself and make the necessary modifications!

After the divinestyle.co/blog link those comments or things I want to change are all related to that main page.

For the spaces around the slash, you simply add a space:

.entry-date:after?{
content: " / ";
}

You’ve added an access barrier to the site. I am unable to help you further.

How do I add a space after the / before the category name?

I don’t know what this means. I have not blocked anything on the site to get help.

There’s a pop-up banner that requires the visitor to provide their name and email to gain access to the site.