[nidal]

A few questions;
Apologies if these are simple questions, I know *nothing* about HTML, CSS and JS. I’ve been learning as I go with BookCard, and thoroughly enjoying it :)

Anyway – I’m looking to add my own ‘Service Class’ icon, alongside the Globe, Laptop and iPad – is there an easy way to do this?

Also, I’m a music/DJ-type person, so alongside my twitter, fb and instagram social links, I’d like to add links to my soundcloud and mixcloud. How can I do this?

Absolutely loving this theme, very much looking forward showing this off to friends when I’m done.

Thanks,

Nidal

[ahmetsali]

Hi, i am glad you liked it;

1-) You can easily add any of 200+ FontAwesome fonts to theme as;

<i class="icon-camera-retro"></i>

2-) You can replace an existing one with a different social icon via custom css. Let’s say, you are not using tumblr social icon and you want to replace it with soundcloud icon;

.social li a.tumblr { min-width: 27px; min-height: 28px; text-indent: -999em; background-image: url("http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png"); background-repeat: no-repeat; background-position: center center; }

You can copy and paste this css code at the end of css/main.css file.

You can do the same for replacing other icons that you are not using.

[acsandi1]

Hi! I also have a little problem with the social icons.

the main.css has the following code :

.social li a.tumblr:before { content: '/' }

but ‘/’ is not the Tumblr icon. Can you tell me which character should I enter to display the Tumblr icon? Thanks in advance!

[ahmetsali]

Hi, update the code as;

.social li a.tumblr:before { content: '\\'; }

We will include this fix in the next update, thanks for the feedback.

[nidal]

I have quite a few social icons, is there any way to force them to spread over multiple lines, but equally (rather than as it is at the moment which is to fill row 1 then fill row 2, etc)

So, instead of displaying 9 on the first row and 3 on the second row, it displays 6 on 1 row, and 6 on the next?

I don’t want to force a line break because if a screen can only show 5 then I’d like it to show 5, 5, 2, or similarly 4, 4, 4.

thanks :)

[ahmetsali]

Hi, this is not easy to do with some lines of code. If you are not familiar with css you may consider working with a professional for further customizations.