WordPress.org

Ready to get started?Download WordPress

Forums

Footer social icons repeating itself (5 posts)

  1. spoiledbrat
    Member
    Posted 2 months ago #

    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:http://bpitg.com/
    Screenshot: http://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="http://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%;
    }
  2. Spireaci
    Member
    Posted 2 months ago #

    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
    http://imgur.com/OZXuhPV

    Cheers!

  3. Spireaci
    Member
    Posted 2 months ago #

    I probably forgot to use backticks.
    I meant

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

  4. spoiledbrat
    Member
    Posted 2 months ago #

    Hello Spireaci,

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

  5. spoiledbrat
    Member
    Posted 2 months ago #

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

Reply

You must log in to post.

About this Topic