Having difficulty with the icons in the slider below services section

Home Forums Toothy Theme Support Having difficulty with the icons in the slider below services section

This topic contains 7 replies, has 3 voices, and was last updated by  Forum Moderator 1 week, 5 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #122827

    andreforseminole
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: April 14, 2019

    I am an area of difficulty as it relates to the slider below services section, the three orange call-to-action buttons on the homepage. The directions seem to indicate if I copy the names from font awesome I should be able to choose them by putting the names in place of the existing ones, however it doesn’t seem to work, they just show blank spots. The original ones reappear when I put them back in however.

    I am trying to make this one for the first button, https://fontawesome.com/icons/clipboard-check?style=solid, the second button https://fontawesome.com/icons/donate?style=solid, and the third button https://fontawesome.com/icons/hands-helping?style=solid

    Searching the forum for guidance I modified the header.php by adding the script <script src="https://use.fontawesome.com/c4d7d70cd9.js"></script> before the closing head tag, it did not change the issue. My website is andreforseminole.com.

    Thank you

    #122867

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20896
    • Total: 20896
    Member since: August 16, 2013

    Hi,

    Kindly use this code in header.php

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

    Regards,
    Chris

    #123100

    andreforseminole
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: April 14, 2019

    Hi there Chris,
    Putting in that code resolves the call-to-action icons, but then causes the social media icons at the top right of the header to stop working. Removing the code then restores the social media icons. Any other suggestions?

    #123106

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20896
    • Total: 20896
    Member since: August 16, 2013

    Hi,

    Kindly use services icon from here
    https://fontawesome.com/v4.7.0/icons/

    Regards,
    Chris

    #123199

    andreforseminole
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: April 14, 2019

    Ok using those I was able to get it working without issue. One more question, can I disable the comment counter blue box?

    #123333

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6615
    • Total: 6617
    Member since: June 12, 2013

    Hi,

    Kindly add this in Custom CSS box in appearance>theme options>basic settings>Custom CSS box:

    .date-news .byadmin-comment {display:none;}

    Regards,
    Shri

    #124935

    andreforseminole
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: April 14, 2019

    Awesome, another question, the phone number and social media icons in the header are skewed to the left on the mobile version of the site, how can I make them centered on there?

    #124942

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 20896
    • Total: 20896
    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:767px) {
    .header-right .column1, .header-right .column2, .header-right .column3 { width:auto !important; display:table !important;}
    .social-icons { width: auto; display: table; margin: 0 auto;}
    }

    Regards,
    Chris

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.