• I use cricles wordpress theme. They are still searching for the bug to fix it. IDK how this happened and I’m very frustrated due to it.
    I would we very glad if you helped me out of this situation.
    I use a widget call social icons which comes with the theme. When you visit the website, you can see in the extreme right of the footer that the Facebook like icon is repeating three times overlapping on each other. I tried many things but it did not helped. I would be glad if you helped me out.

    URL:https://bpitg.com/
    Screenshot: https://imgur.com/a6ftTIu

    Here is HTML code for social Icons:

    <section id="random-work-5" class="widget widget_social_icons_item"><a><h2>Random Work</h2>
    </a><ul class="socials-bottom clearfix"><a>
    									</a>
    <li><a>
    </a><a href="https://www.facebook.com/blueprinttechnology"></a><div class="cloud">Facebook<div class="helper"></div></div>
    </li>
    <li><a href="?call"></a>
    <div class="cloud">Skype<div class="helper"></div></div>
    </li>
    <li>
    <a href=""></a>
    <div class="cloud">Youtube<div class="helper"></div></div>
    </li>
    <li><a href="" title="Tumblr"></a>
    <div class="cloud">Tumblr<div class="helper"></div></div>
    </li>
    <li><a href="" title="Google+"></a>
    <div class="cloud">Google+<div class="helper"></div></div>
    </li>
    <li><a href="https://www.linkedin.com/pub/blueprint-technology/95/473/278" title="LinkedIn"></a>
    	<div class="cloud">LinkedIn<div class="helper"></div></div>
    </li>
    			</section>

    [Moderator note: Please surround your code in backticks to avoid this forum from parsing and corrupting your code]
    CSS:

    element.style {
    }
    bpitg.com/media="all"
    a {
    color: white;
    }
    bpitg.com/media="all"
    a {
    text-decoration: blink;
    }
    Inherited from body.home.page.page-id-627.page-template.page-template-template-homepage-php.logged-in.admin-bar.w1170.sticky-menu-on.no-sidebar.wpb-js-composer.js-comp-ver-4.0.3.vc_responsive.customize-support.fixed-header
    body {
    color: #000000;
    }
    bpitg.com/media="all"
    body {
    background: #f3f3f3;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #45484a;
    /* background-attachment: scroll !important; */
    }
    Inherited from html.js.cssanimations.csstransforms.csstransforms3d.csstransitions
    bpitg.com/media="all"
    html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi spoiledbrat,

    look at the code
    the two tags (pairs) before and after your opening
    <li> tag should be deleted.

    <ul class="socials-bottom clearfix">
    <a> </a>
    <li>
    <a> </a>
    <a class="facebook" target="_blank" href="https://www.facebook.com/blueprinttechnology"></a>
    <div class="cloud">
    Facebook
    <div class="helper"></div>
    </div>
    </li>

    Hope this hepls,
    worked for me
    https://imgur.com/OZXuhPV

    Cheers!

    I probably forgot to use backticks.
    I meant

    the two tags (pairs) <a> </a> before and after your opening <li> tag should be deleted.

    Thread Starter spoiledbrat

    (@spoiledbrat)

    Hello Spireaci,

    It is a widget code get’s genrated dynamically, I haven’t use the HTML code to do it.

    Thread Starter spoiledbrat

    (@spoiledbrat)

    Plus the code does not work even when I do the code manually.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Footer social icons repeating itself’ is closed to new replies.