How to change category widget display

This topic contains 12 replies, has 3 voices, and was last updated by  Alex Rollin 4 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • #536626

    Eva
    Expired Member
    Post count: 48

    Hi there

    Is there a way to use css to change the category widget display to simple text links in the sidebar footer please?

    #536645

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    we have soem CSS examples to get you started with customizing that:

    https://wpgeodirectory.com/docs-v2/design/gd-categories/#customizing

    Let us know how it goes.

    #537367

    Eva
    Expired Member
    Post count: 48

    Thanks a million Alex! I tried it out and need to adjust the css a bit more. 😉

    #537374

    Eva
    Expired Member
    Post count: 48

    Actually Alex, I’m still having issues now just trying to get the display to be single line links and not blocks with padding in the footer. See the screen shot.

    #537388

    Kor
    Moderator
    Post count: 16516

    Hi Eva,

    Thanks for your reply. Could you share the URL of the page in question here so that I could check this out for you?

    #537493

    Eva
    Expired Member
    Post count: 48

    Hi Kor

    See the footer on this page: https://smartaussies.com.au, thanks.

    #537678

    Kor
    Moderator
    Post count: 16516

    Hi Eva,

    Thanks for your reply. You can use the custom CSS code below to adjust the padding.

    .geodir-categories-container ul li .gd-cptcat-cat-right a {
        padding-left: 0px;
    }
    
    .geodir-categories-container ul li {
    margin: 0px;
    
    }
    #537700

    Eva
    Expired Member
    Post count: 48
    This reply has been marked as private.
    #537733

    Kor
    Moderator
    Post count: 16516

    Hi Eva,

    Thanks for your reply. I think I know what you mean there. Apply the remaining custom CSS code below and see if it’s what you’re looking for.

    ul.gd-cptcat-ul.gd-cptcat-parent.gd-cpt-flat {
        float: left;
    }
    
    .geodir-categories-container ul.gd-cpt-flat {
        clear: none;
    }
    #footer .col-lg-3 {
        width: 100%;
    }
    #537917

    Eva
    Expired Member
    Post count: 48

    Thanks for your help Kor. Please see attached to see how it looks now & the other image of how I want the categories to be displayed. Really just wanting regular links in one column single spaced… Thanks again!

    #538084

    Alex Rollin
    Moderator
    Post count: 27815

    Hi Eva,

    to force them into a single column try

    
    
    
    .geodir-categories-container ul {
        width: 100%;
    }
    

    That requires custom CSS, some of examples of which Kor was able to provide.

    To make a list of links exactly the way you want you can create it with HTML and CSS and use it anywhere you like.

    Unfortunately the GD Element doesn’t have built in options for what you are looking for. I am sorry we aren’t able to style the site for you exactly but you can use the examples to continue to adjust what you see on the page.

    #538361

    Eva
    Expired Member
    Post count: 48

    Thanks so much Alex 🙂

    #538549

    Alex Rollin
    Moderator
    Post count: 27815

    You’re welcome!

Viewing 13 posts - 1 through 13 (of 13 total)

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

Open Support Ticket