Grey bar at top of map listing pop-up box

This topic contains 8 replies, has 3 voices, and was last updated by  adyp 9 years ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • #58439

    adyp
    Expired Member
    Post count: 496

    Some time back – I think it was after a new release – a dark grey bar appeared at the top of pop-up listing boxes on the main map. It’s bugged me ever since as I think it’s plain ugly, but hasn’t been a priority. Now I just have to deal with it! Is there a setting somewhere to get rid of it.

    I’ve been learning a little CSS if that is the way to go, but am not yet confident to sort this out.

    Is there an easy way to get rid?

    Thanks

    #58447

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    please provide a link where we can see it and we will provide the css to fix it.

    Let us know,

    Thanks

    #58468

    adyp
    Expired Member
    Post count: 496
    This reply has been marked as private.
    #58471

    Guust
    Moderator
    Post count: 29970

    I added this to GD > design > scripts > CSS

    .geodir-bubble_desc h4 {background: white;}

    Play a bit with that to get the result you like.

    #58518

    adyp
    Expired Member
    Post count: 496

    Thanks Guust,

    unfortunately, that leads to the greater part of the photograph in the pop-up bubble description being obscured with white (see the Moor Wholesome listing pop-up on the map). I tried changing the background to transparent – that lets the photo come back through, but the listing title doesn’t stand out against the photo very well. It would be possible to change that text to another colour for this listing, but another colour text that works for this listing would not work with other photos (and white would lead to invisible text for listings with no photo).

    I think I now realise why the (semi-transparent) grey bar was put in in the first place: to try have the text readable while still allowing for a photo in the bubble. I don’t think it works: the photo is largely obscured and the text not rendered in a pretty way – and I can’t see a CSS solution to this (it’s like trying to square the circle!). Could I suggest developers consider making the pop-up bubble bigger and the moving the Listing title up to its own area above the space for the photo, allowing for a decent-sized and un-obscured photo?

    As an aside – we now have 2 options for adding custom CSS – the way used here and the traditional way through WordPress -> Appearance -> Edit CSS. Are there any protocols or guidance as to when it is best to add one or the other?

    thanks,
    Adrian

    #58520

    Guust
    Moderator
    Post count: 29970

    Adding CSS to your style.css means that your site loads it only once (but if not using a child theme, you will loose your modifications with an update of your theme), adding the code to other places usually means that they are added to the code of every page loaded.

    What about making the heading transparent but give the text a color and a background.
    .geodir-bubble_desc h4 {background: transparent;}
    .geodir-bubble_desc h4 a {background: white; color: red}

    #58535

    adyp
    Expired Member
    Post count: 496

    Thanks Guust, I’ve played around and got what I think is a workable solution – essentially what I was after: the disappearance of the grey bar. I’ll post the revision to your CSS in case anyone comes across this thread and wants to do the same:

    .geodir-bubble_desc h4 {
    background: transparent;
    }

    .geodir-bubble_desc h4 a {
    background: transparent;
    color: #FFD700;
    }

    Given that I am using GDF Modern then, which I believe is a child theme, then would I be right in thinking that adding the code to style.css will be more efficient in terms of load times? I just want to make sure that I understood you correctly.

    Thanks

    #58541

    Guust
    Moderator
    Post count: 29970

    Given that I am using GDF Modern then, which I believe is a child theme, then would I be right in thinking that adding the code to style.css will be more efficient in terms of load times?

    Yes, that’s correct. I’ll set this topic to resolved.

    #58544

    adyp
    Expired Member
    Post count: 496

    ok – thanks

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