Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 26, 2019 at 11:14 pm #1072029
    tmjake

    Ok, I figured out how to create a custom font at Fontastic.com, using an SVG file. I got it uploaded and inserted, however, the icon seems to not be centered or lined up with the others social icons. I was able to adjust the top padding for the hover state, which that worked. But I can’t figure out how to adjust the top padding for the non-hover state. I tried adding padding to :before state, but that didn’t work. Any thoughts?

    Here is the CSS I have tried:
    #top #wrap_all .av-social-link-realself:hover a {
    color: #fff;
    background-color: #f28f67;
    padding-top:3px!important;
    }
    #top #wrap_all .av-social-link-realself :before {
    padding-top:10px!important;
    }

    URL of site: https://www.tnplasticsurgery.com/

    March 1, 2019 at 6:08 pm #1073309
    Victoria

    Hey Tanya,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .social_bookmarks li.av-social-link-realself  a { 
  padding-top: 5px;
}
#top #wrap_all .av-social-link-realself :before { 
  font-size: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 2, 2019 at 1:55 am #1073463
    tmjake

    Works perfect, thank you.

    March 3, 2019 at 10:59 am #1073905
    Rikard

    Hi,

    Great, I’m glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.