Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 24, 2017 at 5:02 pm #799034
    cloeffler

    Hi everyone,
    I have attempted to add the AVVO icon to my client’s header.

    The website is http://beechlertomberlin.com/

    I followed your direction and changed the functions.php this way:

    // We’ll use the Kriesi.at glyph for this example
    function avia_add_custom_social_icon($icons) {
    $icons[‘AVVO’] = ‘AVVO’;
    return $icons;
    }

    And added this to the css:
    #top #wrap_all .av-social-link-AVVO a:before{
    content: “”;
    width: 120px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    background: url(http://beechlertomberlin.com/wp-content/uploads/avvo-logo.png) no-repeat center center;
    background-size: contain;

    I added this link into the url in the social profiles area:
    https://www.avvo.com/attorneys/27103-nc-christopher-beechler-1727453.html

    I uploaded the AVVO image to the website:
    http://beechlertomberlin.com/wp-content/uploads/avvo-logo.png

    Everything works, except that I still have the Fontello Icon in the header rather than the AVVO image. How can I get the image to render there??

    May 25, 2017 at 8:05 pm #799761
    Victoria

    Hey Christine,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    May 26, 2017 at 10:47 pm #800427
    cloeffler

    thanks for following up… see below:

    May 27, 2017 at 3:56 pm #800542
    Victoria

    Hi cloeffler,

    The icon is partially visible if you’re logged in in dashboard, and not visible if logged out.

    Best regards,
    Victoria

    May 29, 2017 at 6:00 am #800947
    cloeffler

    I don’t understand what you are seeing.
    When I go to the header section I get these in the social profiles area: social profiles

    And, regarding the age of the theme, this is what the Enfold Child theme update area is telling me:
    http://beechlertomberlin.com/wp-content/uploads/Screen-Shot-2017-05-28-at-11.55.29-PM.jpg

    Please help me understand if I’m not seeing these correctly…

    May 29, 2017 at 7:48 am #800957
    Sarah

    Hi!

    I looked at your style.css, and it seems like the code for the social media icon hasn’t taken effect. This usually happens when you have a caching plugin, or your host has a caching service installed for you. Please make sure you flush your cache or talk to your host.
    Best regards,
    Sarah

    May 30, 2017 at 5:31 am #801353
    cloeffler

    I have flushed the cache, and now I get 30 pixels of the 120px width of the graphic. Please help me with the css that would fix this issue so that I can see the whole AVVO graphic, which is 120px wide. This needs to work in the header and in the socket.

    thanks.

    May 30, 2017 at 6:06 am #801364
    Sarah

    Hi,

    Please add this in your Quick CSS:

    #top #wrap_all .av-social-link-AVVO {width:120px;}

    Don’t forget to flush your cache after saving, so you can see the changes! :)

    Best regards,
    Sarah

    May 30, 2017 at 9:22 am #801411
    cloeffler

    It worked! Thanks so much!!

    May 30, 2017 at 11:02 am #801438
    Nikko

    Hi,

    Glad that Sarah helped you :) Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Add custom image and link to Social Profiles’ is closed to new replies.