[Tansenn]

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.

[Skandha]

@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

[Tansenn]

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

[Skandha]

@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

[Tansenn]

Success!!

Thank you so much!

[Skandha]

@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

[Author]

Posts