Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #421102

    I’ve tried a few things and still no luck making the footer dead centre. I think footer widget 2 needs to move to the right slightly.

    How would we have the widget footer 2 dead centre and widget content 1 and 3 the same distance on wither side.

    Thanks

    #421111

    Hey robertscott!

    Can you please post the link to your website so we can provide you an accurate custom CSS code?

    Cheers!
    Yigit

    #421126

    Hi Yigit,

    It much easier to see it on this page: http://scotwebtesting.co.uk/city-connections-tariffs/

    You can see the footer isn’t quite centered. Needs to shift right slightly.

    Thanks

    #421131

    Hi roberscott ;
    in order to have the same “width” try to increase the original size of the image (glasgow-chauffeur-logo-footer.png) (actually 134*61px)
    which is in #footer .av_one_third:nth-child(1)
    to the same width of the “social zone” #footer .av_one_third:nth-child(3) (208*68px)
    and after adjust the size of those three “child”

    #421132

    Hey!

    Please change following code

    #footer .av_one_third:nth-child(2) {
      width: 55%;
      margin-left: -2%;
    }

    to following one

    #footer .av_one_third:nth-child(2) {
      width: 55%;
      margin-left: 0%;
    }

    Cheers!
    Yigit

    #421215

    Hi Yigit,

    Perfect. Just the footer widget 1 to move to the right slight and we’re done :-)

    #421223

    Hey!

    Please add following code to Quick CSS as well

    #footer #text-2 img {
      float: right;
      top: -10px;
    }

    Best regards,
    Yigit

    #421228

    HI Yogit great thanks.

    When I added that code this page: http://scotwebtesting.co.uk/executive-tariffs/ is broken, with an extra footer color area

    #421233

    Hi!

    Can you please post a screenshot and show the issue please? It does show up fine on my end

    Cheers!
    Yigit

    #421235

    Footer 1 now too far right. It only needs to line up with the left edge of the table.

    #421242
    #421246

    Hey!

    Oh i see, please replace my previous code with following one

    #footer #text-2 img {
      left: 13px;
    }

    Cheers!
    Yigit

    #421252

    Awesome thanks yigit. Footer now sorted but still seeing additional color section on the above screenshot.

    #421257

    Hey!

    That is because you do not have enough content on your page. It would show up only on big screens

    Best regards,
    Yigit

    #421272

    Ah i see. Ok thanks my friend. Much appreciated.

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Centre footer widgets’ is closed to new replies.