changing look of social media icon

  • Resolved kbhal

    (@kbhal)


    4 years, 4 months ago

    The social media icon for Linkedin, Youtube added to the bottom of the website have the icon not fitting in the icon boundary. Have tried to resolve by editing button icon settings including radius. It’s not working Pls suggest how to realign the icon within the boundary

    • This topic was modified 4 years, 4 months ago by kbhal.

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • This URL https://komalbhalla.com/wp-admin/customize.php?return=%2Fwp-admin%2F
    is the personal ADMIN-LOGIN for your website !!!
    The website https://komalbhalla.com/ is empty

    Moderator bcworkz

    (@bcworkz)

    The icon issue is on the front end, not within the customizer, correct? We would need a link to a live page demonstrating the issue to be able to effectively help you.

    Thread Starter kbhal

    (@kbhal)

    You can visit komalbhalla.com now – have published it

    Maybe you can override some css-settings (width, heigth, …), which are now:

    .footer .custom-social-icons i{
    border-radius: 50%;
    width: 40px;
    text-align: center;
    height: 40px;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    line-height: 1.5;
    border: 1px solid;
    color: #25c5b7;
    }

    Thread Starter kbhal

    (@kbhal)

    I have added the code above to additional CSS – but its not working komalbhalla.com..just want to add that I am using VW Blog Magazine theme if it has got anything to do with that..

    • This reply was modified 4 years, 4 months ago by kbhal.

    ??
    Above is the ORIGINAL code in your own original style-sheet.
    You should change some values in the Additional css. I think by trial and error.
    Right-click on your webpage, exactly on the Linked-In-icon, and choose “Inspect”. Under the CSS-tab you can change the styles you want. For instance, try width=50px and height=50px

    Thread Starter kbhal

    (@kbhal)

    don’t laugh..there is always a first time..i edited a lot of settings which i didnt mention before

    Moderator bcworkz

    (@bcworkz)

    That’s why seeing a live page is meaningful, it reflects whatever you’ve done. Try adding this to Additional CSS:

    .fa-linkedin-in::before,
.fa-youtube::before {
    position: relative;
    top: -11px;
    left: -2px;
}
    Thread Starter kbhal

    (@kbhal)

    Editing original code above didnt work fully. @bcworkz this worked with a slight tweak..thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘changing look of social media icon’ is closed to new replies.