Change appearance of category icon in GD home page and Category section

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Author

Posts
April 9, 2019 at 5:26 am #479400

beneetpandey
Expired Member

Post count: 30

Hi All,

I completed GeoDirectory v1 to v2 Upgrade and it worked great for me. I like the new theme and functionality but my category Icon and Category names are not clear below GD home page search field. I have attached the screenshots. I want to make my category icons transparent without any background color the way it appears in GD V1. I want to make my icon category clear and more readable for end users. I want simple icon and category name without any square box and overshowding. Is it possible to achieve this customization with or without any script. Could you please help me make categories more transparent and withour any square box or what do you suggest.
Here is the website link: https://globaldukan.com/
Please let me know if you need any additonal information.

April 9, 2019 at 5:53 am #479406
Kor
Moderator

Post count: 16516
Hi beneetpandey,

Thanks for your post. Try inserting the custom CSS code below into Appearance > Customize > Additional CSS and see if it’s what you’re looking for.
```
li.gd-cptcat-li.gd-cptcat-li-main,span.gd-cptcat-cat-left {
    background: transparent!important;
}
```
April 10, 2019 at 12:02 am #479686

beneetpandey
Expired Member

Post count: 30

Hi Kor,

Thanks for this code. It is working for category but not for subcategory. Attached screenshot. How can I make subcategory also transparent like category.
I will appreciate your help.

Thanks

April 10, 2019 at 10:48 am #479776

nicodeu
Free User

Post count: 1

Hi Kor and beneetpandey,

i got the same issue and could fix it with the mentioned CSS code. Unfortunately my icons on the front page are cut off at the bottom

see example below

thank you for your time and help

April 10, 2019 at 6:24 pm #479896

Alex Rollin
Moderator

Post count: 27815

You can find some examples to get you started here:
https://wpgeodirectory.com/docs-v2/themes/supreme/#popular

Forum support doesn’t include customization. To really make the site your own you will need to write your own CSS:
https://wpgeodirectory.com/docs/customizing-your-style/

April 11, 2019 at 5:26 am #480011

beneetpandey
Expired Member

Post count: 30

Thanks Alex and Nicodeu,

So there is no ingle custom css which can work for both category and subcategory in GD V2. If I understand correctly you are saying to make category and subcategory transparent I need to customize the CSS.

li.gd-cptcat-li.gd-cptcat-li-main,span.gd-cptcat-cat-left {
background: transparent!important;
}

Above css changed my category appearance but I want to know why it did not work for subcategoy. Any help will be appreciated. Could you please point me where can I make changes in CSS to make subcategory also transparent like category.

April 11, 2019 at 5:42 pm #480135

Alex Rollin
Moderator

Post count: 27815

That will require additional custom CSS. Check this page to see how to create it:
https://wpgeodirectory.com/docs/customizing-your-style/
Author

Posts