Home › Forums › All Other Themes › SKT Charity Pro – Button Icons
- This topic has 10 replies, 3 voices, and was last updated 7 years, 2 months ago by Sonl Sinha.
-
AuthorPosts
-
July 31, 2017 at 2:53 pm #79918
Hello,
I’m working on SKT Charity Pro. I’ve created a third button in the top right on my header – this button is a ‘take a tour’ button. I copied and pasted the code for the Become a Volunteer button, so it uses the same icon as that button. I was wondering if there are other icon options? If so, how would I go about adding those and what would the options be?
I’m adding a screenshot to help better see what I mean.
http://imgur.com/a/URGRw
Thank you!
July 31, 2017 at 3:44 pm #79922Also, now when I look at the mobile view, the “take a tour” button is all wonky.
Here is an imgur screenshot of what I mean
http://imgur.com/a/LUs40How can I fix this?
August 1, 2017 at 4:59 am #79956Hi,
Kindly show us your website URL so that we can assist further.
Regards,
ChrisAugust 1, 2017 at 1:37 pm #80053I am currently using a staging site through flywheel.
URL: http://staging.minor-meal.flywheelsites.com/
Username: flywheel
Password: unarmed-wrenchAugust 2, 2017 at 1:59 pm #80127Hi,
You can choose icons from: http://fontawesome.io/icons/
Regards,
ShriAugust 2, 2017 at 6:13 pm #80141Those icons work great, thank you.
However, on mobile the buttons are still off. Is there anyway to make them more adaptive to the mobile screen?
Thanks
August 3, 2017 at 5:12 am #80155Hi,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:479px) { .signin_wrap .widget-left, .signin_wrap .widget-right { width:100%;} .signin_wrap span.donateuser { float:none; border-right:none !important; border-bottom:1px solid #fe927e !important;} }
Regards,
ChrisAugust 3, 2017 at 12:50 pm #80212It definitely looks better!
But it’s still a little bit off. Here’s another screenshot after adding that code.
http://imgur.com/a/dTog6Is there anything I can do to bring that map icon down to fit with the “Take a Tour” text/button?
August 3, 2017 at 12:58 pm #80214Hi,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:479px) { .signin_wrap span.donateuser { display:block !important;} }
Regards,
ChrisAugust 3, 2017 at 2:57 pm #80227It looks awesome!! Thank you very much!
August 4, 2017 at 5:05 am #80259Hi,
If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/9/
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.