• Resolved Peter82CY

    (@peter82cy)


    Dear WordPress community

    I have a problem after updated my plugins.
    My website footer float right and I can find the problem.

    The website is https://www.cyprusgasnews.com/

    and the CSS code

    #footer_widget{width:100%;height:100%;float:left; background-repeat:repeat-x;background-color:#000;background-image:url(images/footer_bg.png);}
    #footer_widget li{list-style:none;}
    #footer_widget a{color:#5e5e5e;}
    #footer_widget div.inside{margin: 0 auto;width:956px;padding-top:25px;}
    #footer_widget object, #footer_widget embed{width:220px !important;height:180px;}
    #footer_widget #flickr img{border:1px #323232 solid !important;padding:5px !important;background-color:#000;width:50px;height:50px; margin-top:9px; margin-bottom:9px; margin-left:4px; margin-right:4px;}
    #footer_widget #flickr a:hover img{border:1px solid #8b8b8b !important;}
    #footer_widget #calendar_wrap{float:left;}
    #footer_widget #calendar_wrap td{width:31px;}
    #footer_widget #flickr h2{font-size:14px;text-shadow:#000 1px 1px;text-transform:uppercase;color:#fff; height:26px;}
    #footer_widget div.inside div.widget_h_l{float:left;width:220px;}
    #footer_widget div.inside div.widget_h_m{margin-left:28px;float:left;width:220px;}
    #footer_widget div.inside div.widget_h_r{float:right;width:220px;}
    #footer_widget div.inside div.widget{width:220px;height:100%;background-color:transparent;float:left;padding:0;margin:0;border:0;margin-bottom:20px;}
    #footer_widget div.inside div.widget{color:#5d5d5d !important; text-shadow:none;}
    #footer_widget div.inside div.widget h3{width:220px;height:26px;float:left;color:#fff;font-weight:bold !important;text-shadow:#000 1px 1px;text-transform:uppercase;font-size:14px;}
    #footer_widget div.inside div.widget ul{float:left;}
    #footer_widget div.inside div.widget li{width:220px; float:left; }
    #footer_widget div.inside div.widget ul a{text-decoration:none;display:block;float:left;width:220px;margin-top:2px;padding-top:3px;padding-bottom:3px; font-weight:normal;color:#b4b4b4; text-shadow:none;}
    #footer_widget div.inside div.widget ul a:hover{color:#fff;text-decoration:underline;}
    #footer_widget div.inside div.logo{width:100%;height:110%;float:left;padding-top:10px;padding-bottom:10px;}
    #footer_widget div.inside div.logo img{border:0;}
    #footer_widget div.inside img.top{border:0;float:right;}
    #footer_widget .widget-title { display:block; border-bottom:1px solid #292929; font:bold 20px arial; text-shadow:#fff 1px 1px 0px; line-height:22px; margin-bottom:5px; }
    #footer_widget #wp-calendar { width: 100%; }
    #footer_widget #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; display:none; }
    #footer_widget #wp-calendar thead { font-size: 11px; }
    #footer_widget #wp-calendar thead th { }
    #footer_widget #wp-calendar tbody { color: #aaa; }
    #footer_widget #wp-calendar tbody a{color:#ffffff;}
    #footer_widget #wp-calendar tbody td { background: #484848; padding: 3px 0 2px; text-align: center; }
    #footer_widget #wp-calendar tbody .pad { background: none; }
    #footer_widget #wp-calendar tfoot #next { text-align: right; }

    /*** Footer ***/
    #footer{width:100%;height:31px;float:left;background-color:#000000;border-left:0;border-right:0;}
    #footer div.inside{ margin: 0 auto;width:957px;}
    #footer div.inside a{text-decoration:none;color:#b5b5b5;}
    #footer div.inside a:hover{color:#7c7c7c;}
    #footer div.left{height:31px;float:left;font-size:12px;color:#535353;line-height:32px;}
    #footer div.right{float:right;height:31px;line-height:32px;font-size:12px;color:#535353;}

    I appreciate any help thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer float right’ is closed to new replies.