Help with some CSS and Best of widget

This topic contains 8 replies, has 2 voices, and was last updated by  Kor 7 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • #373181

    Denis P
    Expired Member
    Post count: 134

    Hi I’m trying to make a more custom homepage using Divi themes builder with Geodirectory Core Shortcodes (see “link 1” on private reply). So i have 2 questions

    1) Using Shortcode: [gd_homepage_map] i have 2 things that are not shown properly:

    There is gap between the bottom of the map and the bottom of Places/Events switcher bar (gd_home_map_posttype_menu) (see “image 1” you can also compare it with the active site homepage). How can i fix this?

    The map categories appears bulleted (see “image 2” you can also compare it with the active site homepage). How can i fix this?

    2) Using Shortcode: [gd_bestof_widget] works good, i like the way that the tabs works but the problem is that there is no option to select which location category to be shown and which not. Is there a way the Best of widged to show 7 specific categories that i want to show and not the categories based on reviews?
    To archive that i also try to use Divi builder Tabs module and on each tab i add a [gd_listings] shortcode with different category id that also work and has great look (see “link 2” on private reply), but the problem with this method is that when switching tabs the LazyLoad do not load images until scroll, is there a way to trigger places images from tabs to load without scrolling or disabling LazyLoad on whole website? (like Best of widget does).

    #373185

    Denis P
    Expired Member
    Post count: 134
    This reply has been marked as private.
    #373260

    Kor
    Moderator
    Post count: 16516

    Hi Denis,

    Please use the custom CSS code below to fix those layout issues. Insert into GD > Design > Scripts > Custom Style CSS

    #1

    
    
    .entry-content .geodir-map-home-page ul {
        padding: 0px !important;
    }
    
    .map-places-listing {
        margin-top: -43px!important;
    }
    
    .map-cat-ptypes .map_category {
        margin-bottom: 43px!important;
    }

    #2 Seems to look fine here http://prntscr.com/evuqj7

    #373417

    Denis P
    Expired Member
    Post count: 134

    #1 it works thank you
    #2 I can see it on firefox and edge

    #373444

    Kor
    Moderator
    Post count: 16516

    Hi Denis,

    Try using the custom CSS code below to remove the dots. Let us know how it goes.

    
    
    #left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
        list-style-type: none !important;
    }
    #373521

    Denis P
    Expired Member
    Post count: 134

    This code also hides the bulletins from the whole website ,also hides the bulletins on GD listing details description and i do not want that..

    #373532

    Kor
    Moderator
    Post count: 16516

    Hi Denis,

    Sorry for my mistake. Please use the code below instead.

    
    
    .entry-content #gd_home_map_cat ul {
        list-style-type: none !important;
    }
    #373570

    Denis P
    Expired Member
    Post count: 134

    Hi, It works! Thank you!

    #373582

    Kor
    Moderator
    Post count: 16516

    Hi Denis,

    You’re Welcome and enjoy GD

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