- This topic has 5 replies, 2 voices, and was last updated 2 years, 6 months ago by
Skandha.
-
AuthorPosts
-
December 29, 2021 at 2:00 pm #296684
Tansenn
ParticipantWe 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.
December 30, 2021 at 12:15 am #296706Skandha
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,
SkandhaDecember 30, 2021 at 10:29 am #296732Tansenn
ParticipantThis worked for the regular monitor website view but looks a bit odd for the tablet and mobile view unfortunately.
January 2, 2022 at 11:54 pm #296887Skandha
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,
SkandhaJanuary 6, 2022 at 9:06 pm #297159Tansenn
ParticipantSuccess!!
Thank you so much!
January 6, 2022 at 11:41 pm #297168Skandha
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 -
AuthorPosts
- The topic ‘Custom social icon alignment’ is closed to new replies.