Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • barryjjj Friend
    #191006

    I wish to add pinterest on the stay connected module but cannot find away of getting the icon to show up which css file do I alter to add this.

    pavit Moderator
    #507409

    Hi

    The “Stay connected module is a custom-html module published in position user9 with this html code inside it

    <div class="social"><a class="ico-social ico-twitters" href="#" title="Twitter"><span>Twitter</span></a> <a class="ico-social ico-facebooks" href="#" title="Facebook"><span>Facebook</span></a> <a class="ico-social ico-flick" href="#" title="Flick"><span>Flick</span></a> <a class="ico-social ico-rss" href="#" title="RSS"><span>RSS</span></a> <a class="ico-social ico-vimeo" href="#" title="Feed"><span>Porfolio Vimeo</span></a></div>

    To modify the social css class for icons you can edit the /templates/ja_puresite/css/template.css

    .social .ico-social {
    background-position: left top;
    background-repeat: no-repeat;
    color: #656667
    display: block;
    height: 16px;
    line-height: 16px;
    margin-bottom: 13px;
    text-indent: 25px;
    }
    .social .ico-social:hover, .social .ico-social:focus, .social .ico-social:active {
    background-position: left bottom;
    color: #E03E72
    }
    .social .ico-twitters {
    background-image: url("../images/icon-twiiter.png");
    }
    .social .ico-flick {
    background-image: url("../images/icon-flick.png");
    }
    .social .ico-rss {
    background-image: url("../images/icon-rss.png");
    }
    .social .ico-facebooks {
    background-image: url("../images/icon-facebook.png");
    }
    .social .ico-vimeo {
    background-image: url("../images/icon-vimeo.png");
    }

    adding your customized icons

Viewing 2 posts - 1 through 2 (of 2 total)

This topic contains 2 replies, has 2 voices, and was last updated by  pavit 11 years, 1 month ago.

We moved to new unified forum. Please post all new support queries in our New Forum