Details page sidebar (supreme directory)

This topic contains 12 replies, has 3 voices, and was last updated by  Karin Zickler 4 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #535207

    Karin Zickler
    Lifetime Member
    Post count: 47

    Hi,
    I am using Supreme Directory and am working on the sidebar of my details page. I want it to look like on the demo page (see screenshots attached) with the spaces and grey lines between the entries (website, email, address etc.) How can I do this?

    Thank you for your help.

    #535210

    Kor
    Moderator
    Post count: 16516

    Hi Karin Zickler,

    Thanks for your post. This would require a little bit of custom CSS code. Could you share the URL of the page in question here and I’ll share the code with you?

    #535220

    Alex Rollin
    Moderator
    Post count: 27815

    To do that you will need to use GD Output Location

    Add GD Output Location to the sidebar and set for “Details”

    Visit the Custom Fields settings and, for each field, adjust the settings “Show in extra output locations” -> Details

    #535275

    Karin Zickler
    Lifetime Member
    Post count: 47
    This reply has been marked as private.
    #535276

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Alex,
    This is what I have done before, but my sidebar does not look like the demo-sidebar. All the information in the GD-Output location appears in a list without spaces and lines between the entries.

    #535400

    Alex Rollin
    Moderator
    Post count: 27815

    Oh, I thought you are using Whoop or Supreme Directory, which have those styles.

    You can add them with custom CSS if your theme does not have them built in

    https://wpgeodirectory.com/docs/customizing-your-style/

    #535423

    Karin Zickler
    Lifetime Member
    Post count: 47

    But I am using Supreme Directory. Therefore, I don’t understand, why it looks different from the demo site.

    #535428

    Kor
    Moderator
    Post count: 16516

    Hi Karin Zickler,

    Thanks for your reply. Kindly upload it to a staging URL and we’ll check this out for you asap!

    #535448

    Karin Zickler
    Lifetime Member
    Post count: 47

    Dear Kor,
    My website is still on localhost, but I am trying to upload it. I will come back to this topic later and give you the URL.

    #535458

    Kor
    Moderator
    Post count: 16516

    Hi Karin,

    Alright then, let us know how it goes.

    #535815

    Karin Zickler
    Lifetime Member
    Post count: 47
    This reply has been marked as private.
    #535849

    Kor
    Moderator
    Post count: 16516

    Hi Karin,

    Thanks for your reply. You can insert custom CSS code below to fix the display borders on the widget section. Insert into WP > Appearance > Customization > Additional CSS.

    .widget {
        padding:20px 0px!important;
        border-bottom:1px solid #e1e1e1!important;
    }
    #535857

    Karin Zickler
    Lifetime Member
    Post count: 47

    Perfect!
    Thank you!

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
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount