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-
AuthorPosts
-
October 29, 2015 at 6:51 pm #58439
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
October 29, 2015 at 7:15 pm #58447Hi,
please provide a link where we can see it and we will provide the css to fix it.
Let us know,
Thanks
October 29, 2015 at 8:41 pm #58468This reply has been marked as private.October 29, 2015 at 11:11 pm #58471I added this to GD > design > scripts > CSS
.geodir-bubble_desc h4 {background: white;}
Play a bit with that to get the result you like.
October 30, 2015 at 8:34 am #58518Thanks 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,
AdrianOctober 30, 2015 at 9:00 am #58520Adding 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}October 30, 2015 at 10:19 am #58535Thanks 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
October 30, 2015 at 11:59 am #58541Given 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.
October 30, 2015 at 12:13 pm #58544ok – thanks
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket