Map Bubble css

This topic contains 3 replies, has 2 voices, and was last updated by Kor 7 years, 4 months ago.

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

Open Support Ticket

Tagged: css, map bubble

Author

Posts
January 13, 2017 at 2:02 am #341874

James Veale
Expired Member

Post count: 54

I’m having a bit of a nightmare trying to customise the css in the map bubble.

“Record weights” I want to make smaller, but only want it to show smaller in the map bubble.

Then the bit above, with different types of fish I want to display as an inline block, maybe with a small border around each type of fish. The ideally the title above would be bigger too.

I’ve tried all sorts, none of it really seems to work.

http://thomasw5.sg-host.com/

January 13, 2017 at 6:42 am #341939
Kor
Moderator

Post count: 16516
Hi James,

I’ve just inspected the map bubble and I’m able to some custom CSS applied to the texts. Let’s say if you want to resize the “Records Weight” texts, use this custom CSS.
```
.geodir-bubble_desc .fieldset-records-weights {
        font-size: 15px;
}
```
Use this for the content above.
```
.geodir_fishstocked li{
        display:inline-block!important;
        padding:5px;
        border:1px solid;
        margin:5px;
}
```
Let us know if it’s what you’re looking for.

Thanks!
January 13, 2017 at 10:10 am #341986

James Veale
Expired Member

Post count: 54

Amazing! Thanks! That’s exactly what I wanted! Many Many thanks!

January 13, 2017 at 10:49 am #341989

Kor
Moderator

Post count: 16516

Hi James,

You’re Welcome.

Thanks!
Author

Posts

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

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

Open Support Ticket