Home page category styling

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

Open Support Ticket

Tagged: homepage, layout

Author

Posts
September 21, 2018 at 1:46 pm #447227

banned
Expired Member

Post count: 14

Hi,
New to GD here, not a wp expert (more like a jack of all trades, master of none)… Anyway, I’m having unexpected results when I try to change the styling of the home page… The category icons are way too small, everything is aligned left (pic, text, cell) when it should be centered, and I want to remove the label “popular categories”

Note that there will only ever by 3 top level categories, so that’s all that will ever need displayed.

Here’s a pic of the current page.

Here’s what it should look like:

Any help / guidance would be appreciated. Thanks!!

September 21, 2018 at 3:28 pm #447238

Kor
Moderator

Post count: 16516

Hi banned,

Thanks for your post. Please share the URL of the site in question so we can take a better look at it and also WP temp admin access to your site. You can post the details here using the private reply option below.

September 21, 2018 at 4:23 pm #447248

banned
Expired Member

Post count: 14

Hi,

Thanks for the quick response. I will set that up next week and send the info. Thanks again.

September 21, 2018 at 5:15 pm #447256

Kor
Moderator

Post count: 16516

Hi banned,

Thanks for your reply. Alright then, let us know how it goes.

Thanks!

October 23, 2018 at 1:36 am #450902

banned
Expired Member

Post count: 14

This reply has been marked as private.

October 23, 2018 at 7:25 am #450920
Kor
Moderator

Post count: 16516
Hi banned,

Thanks for your reply. I’ve inserted the custom CSS code below into Gd > Design > Scripts > Custom Style CSS and could you check and see if it’s what you’re looking for?
```
.sd.home .featured-area .geodir-pcat-show img, .sd.sd-location .featured-area .geodir-pcat-show img {
    height: auto !important;
}

.sd.home .featured-area .geodir-pcat-show, .sd.sd-location .featured-area .geodir-pcat-show {
    width: 8% !important;
}
.geodir-cat-list ul li {
    float: none;
display:inline-block!important;
}
```
October 23, 2018 at 2:09 pm #450976

banned
Expired Member

Post count: 14

yes, excellent – thank you!

Is there a way to remove the label “popular categories”?

October 23, 2018 at 2:50 pm #450981
Kor
Moderator

Post count: 16516
Hi Banned,

Thanks for your reply and I’m glad that helped. Could you try using the custom CSS code below and see if it removes the “popular category” texts?
```
.featured-area .geodir-cat-list {
    color: transparent!important;
}
```
October 23, 2018 at 3:04 pm #450982

banned
Expired Member

Post count: 14

lol, yep it works like I need it to, so good enough!

thanks!!!!

October 23, 2018 at 3:21 pm #450986

Kor
Moderator

Post count: 16516

This reply has been marked as private.
Author

Posts