icon in footer

Home Forums Jevelin Theme icon in footer

Home Forums Jevelin Theme icon in footer

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • eemilyy
    Participant

    How do I put an icon in the copyright section of the footer.  When I use a shortcode it knocks it down to two lines (no matter what the icon size is) and if I use <i class=”fa fa-heart”></i> is shows up in the wysiwyg but not in the actual footer.

    Hi @eemilyy,

     

    I hope you are well today and thank you for your question.

     

    Which icon and exactly where do you want to display it?

     

    Please share the screenshot of where you want to display it.

     

    When I use a shortcode it knocks it down to two lines (no matter what the icon size is)

    Could you please share me your site URL where it’s displaying so that i can help you to display it in one line?

     

    Best regards,
    Shufflehound team

    eemilyy
    Participant

    icon code and short code

    Attachments:
    You must be logged in to view attached files.

    Could you please share me your site URL where the heart icon is displaying in footer so that i can help you to display it in one line?

    eemilyy
    Participant

    Shared privately.

    I don’t see the icon on your shared site as shown in the attached screenshot.

     

    Please display it on your site so that i can develop and provide you custom CSS code to display it on one line.

    Attachments:
    You must be logged in to view attached files.

    eemilyy
    Participant

    That one was using the <i> tag,  it shows up in the wysiwyg but not on the site. I just changed it back to the icon shortcode like it was before. Please look again.

    Solution for this topic

    You can display it in one line by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-copyrights-text .sh-icon-center {
        display: inline-block !important;
        margin-right: 4px;
    }

    eemilyy
    Participant

    Thank you!

    You are most welcome here 🙂

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