PDA

View Full Version : CSS Styling



elessar072
01-25-2014, 04:08 AM
Hi,

I'm trying to change the style css for the button - I want to make buttons of higher resolution and different colours.
I can use custom.css to put my own images in base64 instead of the ones in the 854b4eb.css on your site but I have to use !important to overwrite each one (and because of that it doesn't work properly).

is there any way to host the 854b4eb.css on my own site instead ?

Cheers,
Dan.

elessar072
01-25-2014, 07:18 PM
Basically, I'd like to load the heart image from my own CDN and have it cached by the client pc instead of it having to reload the base64 image on each page.

http://stackoverflow.com/questions/1574961/how-much-faster-is-it-to-use-inline-base64-images-for-a-web-site-than-just-linki

LikeBtn
01-26-2014, 04:47 AM
Wrap the Like Button into container with specific id and use it in CSS:


#my_div .lb-style-white .lb-like-icon {
background-image: url("http://your-cdn/image.jpg");
background-position: center center;
background-repeat: no-repeat;
}

elessar072
01-26-2014, 06:31 AM
Thanks! I managed to get the image from my own source, but the bulk of the loading time for my pages still seem to be taken by the widget calling w.likebtn.com (over 25 times - number of buttons)

You can see here the Google Dev Tools screenshot: http://imgur.com/azxCk6e

Any suggestions how I can avoid that?

Thanks.

LikeBtn
02-02-2014, 09:24 AM
See http://likebtn.com/en/faq#a_lot_of_buttons