Get rid of calendar icon, change font

Hi @divine-style!

I recommend asking at https://theme.co/forum/ so the theme’s developers and support community can help you with this.

Themeco has not responded so I’m asking here.

I’m sorry to hear that @divine-style. I can give you some very general instructions on how to make the changes you requested using custom CSS. I am not at all familiar with the Themeco Pro theme though so these instructions are general and may not work at all.

• Get rid of the calendar icon in front of the date:
  
  To remove the calendar icon, you’ll need to add some custom CSS to your theme. You can do this by navigating to your WordPress Dashboard and following these steps:
  
  • Go to “Pro” > “Theme Options” > “CSS”.
  • Add the following CSS code to the custom CSS area:

.x-post-calendar-icon {
? display: none;
}

• Change the category font to lowercase:
  
  To change the category font to lowercase, add the following CSS code to the custom CSS area (the same place you added the previous code):

.entry-header .entry-categories a {
? text-transform: none;
}

• Change the date font to match the blog title font:
  
  To change the date font to match the blog title font, you can use the following CSS code. Replace “Baytown” with the correct name of your font if it is different:

.entry-header .entry-date {
? font-family: "Baytown", sans-serif;
}

Make sure to save your changes after adding the custom CSS. The modifications should now be applied to your website. If they don’t take effect immediately, you may need to clear your browser’s cache and refresh the page.

Thank you.

I’ve tried and it does not change it. Though I wonder if this is because the calendar icon is on the blog main page, not individual blog posts?

.x-post-calendar-icon {
? display: none;
}

I added this CSS code which did not change the font to lowercase.

.entry-header .entry-categories a { ? text-transform: none; }

I also tried what you suggested to change the date font to

Bodoni-virginia-vulg but it did not change anything.

Any other ideas?

Try this:

.wpspw-time img {
	display: none !important;
}
.wpspw-post-categories {
	text-transform: none;
}
.wpspw-post-date {
	font-family: "bodoni-virginia-vulg", sans-serif;
}

I think that it might not be possible to make the category font non uppercase because the cursive font only supports uppercase. You could try a different font instead.

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.

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

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