icons with text

[dherreraphotography]

Hello, I’m transferring my website (still on temporary website).  I have 3 questions. #1 On my contact page, I would like to replace the Email and Telephone texts with icons and display my email/phone# next to icons. I see the icons but I’m not able to add text next to them.

#2 Is it possible to make the top bar (one with social icons) smaller and different color?

#3 Is it possible to change the Hover Colour of the social icons on top bar? Currently when you hover it does not change to a colour.

Thanks for your help. Great theme!

Dee

[Harry]

Hi,

Thank you for choosing our theme and your kind words.

1. You can use font icon with class at http://fontawesome.io/cheatsheet/ follow this screen shot to add icon

http://take.ms/O6B3o

2,3 You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-socials a {
height: 24px;
line-height: 22px;
margin: 0 3px;
width: 24px;
}
.header__top .jas-socials {
line-height: 36px;
}
.header__top { background: #3e3e3e;}

.jas-socials a.facebook:hover { color: #3B5998;}
.jas-socials a.instagram:hover { color: #3B5998;}

Change #3e3e3e and #3B5998 with your color

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[dherreraphotography]

Thanks for the fast response! I got my icons, but the CSS code for the top bar and social icons didn’t work. Nothing changed with the code.

[Harry]

Hi,

I checked your site and don’t see the code apply.

I tried account you sent but can’t access. Could you check and send us again as private reply.

We will take a look the issue and help you solve.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[dherreraphotography]

This reply has been marked as private.

[Harry]

I helped you fix the issue.

It because you lost close tag of css for shopping bag.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts