Custom field examples - CSS - GeoDirectory Support

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

Open Support Ticket

Author

Posts
May 6, 2018 at 3:30 am #429254
Elise
Expired Member

Post count: 58
I have followed the instructions on this page (https://wpgeodirectory.com/docs/custom-field-examples/) and have mostly got it working. Just need some CSS advise. The image doesn’t sit properly in the business info box. What do I need to add to my CSS please?
```
.geodir_awardfinalist {
float: left;
display: block; 
clear:none !important;
margin: 3px 3px 3px 0px;
background: white;
background-image: url("/wp-content/uploads/2018/05/award-finalist.png");
background-repeat: no-repeat;
color: transparent;
font-weight: 400;
width: 78px;
height: 50px;
text-align: center;
background-position: 3px;
}
.geodir_awardfinalist .geodir-i-checkbox {
    display: none;
}
```
May 6, 2018 at 7:35 am #429267

Guust
Moderator

Post count: 29970

Without seeing the URL we cannot inspect the code.
Please have a look at https://wpgeodirectory.com/docs/customizing-your-style/ and if you need further help, post the URL of that page so we can see the code.
Thanks

May 6, 2018 at 7:49 am #429271

Elise
Expired Member

Post count: 58

This reply has been marked as private.

May 6, 2018 at 7:57 am #429275
Guust
Moderator

Post count: 29970
Try changing
```
.geodir_awardfinalist {float: left;}
```
to
```
.geodir_awardfinalist {float: none;}
```
or remove altogether.
May 6, 2018 at 8:00 am #429278

Elise
Expired Member

Post count: 58

Perfect! Thank you.

May 6, 2018 at 8:04 am #429279

Kor
Moderator

Post count: 16516

Hi Alanna,

Thanks for your reply. I’ve just inspected your Website and the icon looks fine. Did you sort it out yourself? Check out the attached screenshot.

Thanks!

May 6, 2018 at 8:05 am #429281

Elise
Expired Member

Post count: 58

I just fixed it based on Guust’s suggestion above. Thank you.
Author

Posts