Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #296684
    Tansenn
    Participant

    We created a custom Discord social media icon to use in this theme. Sized 50x50px, as per code info on the other icons. The alignment of the custom icon is to the top, whereas all others are centered horizontally and vertically. Any suggestions to have the custom icon on same levels as all others?

    https://mcanallys.ca/ on the right hand side of the footer

    Resize the browser to see how the icon aligns, depending on view.

    #296706
    Skandha
    Participant

    @freeflowrambling: Hello there,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site-footer .social-icons a#custom-icon-1 {
    position: relative;
    top: 10px;
    }

    Let me know if this works out!

    Kind Regards,
    Skandha

    #296732
    Tansenn
    Participant

    This worked for the regular monitor website view but looks a bit odd for the tablet and mobile view unfortunately.

    #296887
    Skandha
    Participant

    @freeflowrambling: Hello there,

    Please try replacing the CSS Code I provided you above with the following.

    @media screen and (min-width: 1186px) {
    .site-footer .social-icons a#custom-icon-1 {
    position: relative;
    top: 10px;
    }
    }

    Let me know if this works out!

    Kind Regards,
    Skandha

    #297159
    Tansenn
    Participant

    Success!!

    Thank you so much!

    #297168
    Skandha
    Participant

    @freeflowrambling: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/rock-star/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Custom social icon alignment’ is closed to new replies.