Dividers in listing widgets

This topic contains 8 replies, has 3 voices, and was last updated by  Alex Rollin 1 year, 11 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #516604

    Tony Bellens
    Full Member
    Post count: 254

    Hi, there are 2 things I would like to ask regarding the places and events widgets (archive items).
    1. As you can see on https://getdirections.asia I added a widget for each main category (accommodation, activities, etc…) that displays the featured listings. Under each place seems to be a horizontal divider, and I have no idea where it comes from. I checked the events widget on that same page and there is no horizontal divider under each event.

    2. As you can see throughout the website, I added vertical dividers between elements. Each section has 3 columns with a divider in-between. Is there a way with CSS to add the same horizontal divider between the places and events in the widgets so that they follow the overall layout of the site.

    Thank you,
    Tony

    #516609

    Kor
    Moderator
    Post count: 16516

    Hi Tony,

    Thanks for your post. Looks like this is related to your theme. But we’ll help where we can.

    1. You can use this custom CSS code below to remove the horizontal line below the listing.

    .wp-block-coblocks-dynamic-separator.is-style-line::before, .wp-block-coblocks-dynamic-separator.is-style-fullwidth::before {
        height: 0px!important; 
    }

    2. Could you share some screenshots ? not sure what you mean by this.

    #516632

    Tony Bellens
    Full Member
    Post count: 254

    Thanks Kor,

    I attached 2 files. The file called ‘no dividers’ is a screenshot of how it is at the moment.

    The file ‘dividers new’ is a mockup of what I would like to achieve.

    Here is a code we used in our old Joomla site to achieve something similar. Maybe this helps.

    @media(min-width: 960px) {
                  .wk-custom-divider > div:not(.wk-row-first) .wk-panel::before {
                  /* Half the padding of the gutter ... */
                  left: -14px;
                  content: "";
                  display: block;
                  position: absolute;
                  top: 0;
                  bottom: 0;
                  border-left: 1px solid #dedede;
                  }
          }
    
          @media(min-width: 1200px) {
                  .wk-custom-divider > div:not(.wk-row-first) .wk-panel::before {
                  /* Half the padding of the gutter ... */
                  left: -18px;
                  }
          }

    Thank you

    #516659

    Kor
    Moderator
    Post count: 16516

    Hi Tony,

    Thanks for your reply. You can remove all the borders using the custom CSS code below.

    .uk-grid-item-match:before,.uk-flex-auto:before{
        border-left: 0px!important;
    }
    
    .uk-column-divider {
        column-rule: 0px!important;
    
    }
    #516683

    Tony Bellens
    Full Member
    Post count: 254

    Hi Kor,

    I think there is a small misunderstanding. At the moment there are no dividers between the places or events in the widgets. I would like to add dividers between them as shown in the image attached.

    Thank you,
    Tony

    #516755

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    we can help with hiding some GD related features but we don’t write customizations for styling your site.

    You should contact a designer if you need help creating CSS.

    #517077

    Tony Bellens
    Full Member
    Post count: 254

    Ok, understood, thanks Alex

    #517647

    Tony Bellens
    Full Member
    Post count: 254

    Where would I edit the layout of grid 3? Is there a php file where I can edit some code? I just want the grid to follow the grid layout we use throughout the theme.

    Thank you,
    Tony

    #517720

    Alex Rollin
    Moderator
    Post count: 27815

    We provide some helper CSS to target specific layouts here:
    https://wpgeodirectory.com/docs-v2/design/layouts/

    We do not recommend or support altering core plugin files.

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

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

Open Support Ticket