SKT Charity Pro – Button Icons

Home Forums All Other Themes SKT Charity Pro – Button Icons

Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #79918
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    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.

    View post on imgur.com

    Thank you!

    #79922
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    Also, 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

    View post on imgur.com

    How can I fix this?

    #79956
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Chris

    #80053
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    I am currently using a staging site through flywheel.

    URL: http://staging.minor-meal.flywheelsites.com/
    Username: flywheel
    Password: unarmed-wrench

    #80127
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6745
    • Total: 6753
    Member since: June 12, 2013

    Hi,

    You can choose icons from: http://fontawesome.io/icons/

    Regards,
    Shri

    #80141
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    Those 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

    #80155
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #80212
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    It definitely looks better!

    But it’s still a little bit off. Here’s another screenshot after adding that code.

    View post on imgur.com

    Is there anything I can do to bring that map icon down to fit with the “Take a Tour” text/button?

    #80214
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    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,
    Chris

    #80227
    Chris Rahe
    Member
    • Topics: 12
    • Replies: 25
    • Total: 37
    Member since: July 21, 2017

    It looks awesome!! Thank you very much!

    #80259
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 24073
    • Total: 24073
    Member since: August 16, 2013

    Hi,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/9/

    Regards,
    Chris

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.