Separate icon for category

[iuliangrecu7]

Hello, thanks for good plugin ! but how i can put the icon before category like in photo?
I want each category to have a separate icon!

[andrii]

Hi,

Thanks for your screenshot, but currently there is no such list in our themes.

Please provide more detailed information on these lists.

[iuliangrecu7]

i use this css code

.hp-listing-category--view-block .hp-listing-category__item-count,
.hp-listing-category--view-page .hp-listing-category__item-count{
	 display: none;	
}

/* Reduce category images */
.hp-listing-category--submit-block .hp-listing-category__image img, .hp-listing-category--view-block .hp-listing-category__image img {
    height: 10px;
		display:none;
}

.hp-listing-category--view-block .hp-listing-category__item-count {
    top: 3.2rem;
}

.hp-listing-category--submit-block .hp-listing-category__content a, .hp-listing-category--view-block .hp-listing-category__content a, .hp-listing-category--submit-block .hp-listing-category__content h1, .hp-listing-category--view-block .hp-listing-category__content h1, .hp-listing-category--submit-block .hp-listing-category__content h2, .hp-listing-category--view-block .hp-listing-category__content h2, .hp-listing-category--submit-block .hp-listing-category__content h3, .hp-listing-category--view-block .hp-listing-category__content h3, .hp-listing-category--submit-block .hp-listing-category__content h4, .hp-listing-category--view-block .hp-listing-category__content h4, .hp-listing-category--submit-block .hp-listing-category__content h5, .hp-listing-category--view-block .hp-listing-category__content h5, .hp-listing-category--submit-block .hp-listing-category__content h6, .hp-listing-category--view-block .hp-listing-category__content h6 

{
    /* color: inherit; */
    color: black;
}

.hp-row{
	margin-top:100px;
}



.hp-row .hp-grid__item
{
    margin-left: -1.9rem;
	  margin-top: 1.1rem;
}

.hp-listing-category__name a:hover{
	color:blue;
	text-decoration-line:underline;
	text-underline-position:under;
}


.hp-listing-category__name
:before {
	  font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    padding-right: 10px;
}

/* mobile */
@media (max-width: 768px){
	.hp-row{
		margin-top:80px;}
	
	.hp-listing-category__name{
		font-size:22px;
		width:450px;
	
}

[andrii]

Hi,

Sorry for the inconvenience, but customization is beyond our support scope - it includes fixing bugs and guidance about the available features Support Policy | HivePress

If you need to add the option itself on the backend side, then additional PHP tweaks are required.

If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY