Map Hover Box

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

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

Open Support Ticket
  • Author
    Posts
  • #382818

    DC
    Lifetime Member
    Post count: 65

    Good Afternoon

    I previously reported on log 375482 that some information is not visible in my map hover box. The information that cannot be seen is location and contact number, but I can confirm that they are there because if I click where they are located then the call to action occurs as expected.
    I have attached an example screenshot with the area in question highlighted. I also moved my custom css relating to GeoDirectory to GD > Design > Scripts > Custom Style CSS as advised.

    Any help would be much appreciated.

    Regards
    Dan
    http://www.attractionsnearme.co.uk

    #382820

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    Thanks!

    #382821

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    Sorry for the double response. Just check on it and it looks like the information is there but the color is being replaced. Use the custom CSS code below to overwrite it.

    
    
    .geodir-bubble_desc div a, .geodir-bubble_desc h4 a {
        color: #000!important;
    }

    Thanks!

    #382845

    DC
    Lifetime Member
    Post count: 65

    Hi Kor

    Many thanks for the swift response. That fixed it, but ideally I would like the master title to be white and it would be great if the ‘Get Directions’ and contact telephone number were blue with underline.

    Here is all of the custom css that I currently have applied:

    /* Customise map Hover Box */
    .geodir-bubble_desc h4 {
    font-family:sans-serif;
    font-size:16px;
    font-weight: normal;
    }

    /* Change the map hover box text colour to White*/
    .geodir-bubble_desc h4 a {color: #ffffff}
    .geodir-bubble_desc h4 a:hover {
    color: #ffffff
    text-decoration: underline
    }

    /* Stop the image hiding the some of the address on the map hover*/
    .geodir-bubble-meta-side {
    margin-top: 0;
    }

    /* Hide the categories from the bottom right hand corner of the map */
    .map_category, .trigger {display:none;}

    /* Disable Geodirectory breadcrumbs, because I am using Yoast SEO breadcrumbs */
    .geodir-breadcrumb {
    display: none !important;
    }

    body.home #breadcrumbs {
    display: none;
    }

    .geodir-bubble_desc div a, .geodir-bubble_desc h4 a {
    color: #000!important;
    }

    Regards
    Dan

    #382975

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    Kindly use this custom CSS.

    
    
    .geodir-bubble_desc h4 a {
        color: #fff!important;
    }
    
    .geodir_more_info.geodir_get_directions a {
        text-decoration: underline!important;
    }
    
    .geodir_more_info.geodir_contact a {
        text-decoration: underline!important;
    }
    #383000

    DC
    Lifetime Member
    Post count: 65

    Hi Kor

    I can confirm that it now works perfect. Many thanks for your help.

    Regards
    Dan

    #383001

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    You’re Welcome and enjoy GD

Viewing 7 posts - 1 through 7 (of 7 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