Details page sidebar (supreme directory)

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

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

Open Support Ticket

Tagged: , , ,

  • Author
    Posts
  • March 14, 2020 at 6:31 pm #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.

    March 14, 2020 at 7:15 pm #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?

    March 14, 2020 at 10:10 pm #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

    March 15, 2020 at 9:00 am #535275

    Karin Zickler
    Lifetime Member
    Post count: 47
    This reply has been marked as private.
    March 15, 2020 at 9:07 am #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.

    March 16, 2020 at 11:46 am #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/

    March 16, 2020 at 2:12 pm #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.

    March 16, 2020 at 4:01 pm #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!

    March 16, 2020 at 6:38 pm #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.

    March 16, 2020 at 7:27 pm #535458

    Kor
    Moderator
    Post count: 16516

    Hi Karin,

    Alright then, let us know how it goes.

    March 20, 2020 at 10:25 am #535815

    Karin Zickler
    Lifetime Member
    Post count: 47
    This reply has been marked as private.
    March 20, 2020 at 1:49 pm #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;
}
    March 20, 2020 at 2:41 pm #535857

    Karin Zickler
    Lifetime Member
    Post count: 47

    Perfect!
    Thank you!

  • Author
    Posts
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