Ebay Seller’s Badge

Hi Francisco,

Thanks for your question. I have put together a quick demo of how to do this, you can view it here:

https://www.auctionnudge.com/temp/grey-star-bigger.html

Feel free to view the source and copy/modify the CSS onto your site (you can do this through the Auction Nudge plugin Settings page). All the CSS does is stretch the background image (the grey star) to the required dimensions.

I have also included some rules to space out the text nicely and increase the font size.

The CSS showing the grey star 250px wide by 250px high:

/* Adjust these dimensions to suit your needs */      
#auction-nudge-profile a#badge {
  width: 250px !important;
  height: 180px !important; /* Your desired height minus 70px */
  background-size: 250px 250px;
  /* If you wanted to use your own background image instead, you would do so like this... */
  /* background-image: url([the URL to your image file]); */
}

/* Spacing of text... */
#auction-nudge-profile a#badge ul#profile {   
  margin-top: 50px;   
  width: 250px !important;        
} 

/* Sizing of text... */
#auction-nudge-profile a#badge ul#profile li {   
  line-height: 24px;
  font-size: 16px;
}

I hope this helps.

Joe

The CSS showing the grey star 250px wide by 250px high:

/* Adjust these dimensions to suit your needs */      
#auction-nudge-profile a#badge {
  width: 250px !important;
  height: 180px !important; /* Your desired height minus 70px */
  background-size: 250px 250px;
  /* If you wanted to use your own background image instead, you would do so like this... */
  /* background-image: url([the URL to your image file]); */
}

/* Spacing of text... */
#auction-nudge-profile a#badge ul#profile {   
  margin-top: 50px;   
  width: 250px !important;        
} 

/* Sizing of text... */
#auction-nudge-profile a#badge ul#profile li {   
  line-height: 24px;
  font-size: 16px;
}

I hope this helps.

Joe