Divine Style

I should have noticed that! Of course. Works perfectly and looks great.

I also tried the code with below code (adding 1 to padding) and it did not work.

entry-date:after?{
content: ” / “;
padding: 1?10px;
}

entry-date:after?{
content: ” / “;
padding: 0?10px;
}

• I tried this code again and it does not change the spacing. Any other ideas?

You don’t have to log into my site. That is a pop-up window and you can close it.

Regarding the space before and after the “/”, it’s trickier than I thought!
Try this (worked for me):

.entry-date:after {
content: " / ";
padding: 0 10px;
}

-I just tried that code for the spacing and it did not work. I’ve a few different options but nothing has worked.

Any other ideas to try? I so appreciate your help!

I have another thread for the main blog page questions but only 1 response which did not address the questions.

When you say you have to log in can you send me a screenshot? I have a firewall but that is on the backside of the site. Visitors to my website should not ever have to log in.

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.

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

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!

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.

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 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

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.

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?

This pertains to all blog post pages.

I also tried this which did not work to remove the calendar icon.

.blog .entry-date:before {
display: none;
}

The font changed to Bodoni for the date. But the calendar icon still exists and the category is still in all uppercase. The font does exist in lower case and is loaded into UseAnyFont plugin. Could it be a conflict with Chrome or something else? Others have a cursive font in lower case for their categories so I would like to do the same.