-
AuthorPosts
-
March 31, 2015 at 2:02 pm #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
March 31, 2015 at 2:18 pm #421111Hey robertscott!
Can you please post the link to your website so we can provide you an accurate custom CSS code?
Cheers!
YigitMarch 31, 2015 at 2:29 pm #421126Hi 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
March 31, 2015 at 2:33 pm #421131Hi 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”March 31, 2015 at 2:34 pm #421132Hey!
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!
YigitMarch 31, 2015 at 3:40 pm #421215Hi Yigit,
Perfect. Just the footer widget 1 to move to the right slight and we’re done :-)
March 31, 2015 at 3:47 pm #421223Hey!
Please add following code to Quick CSS as well
#footer #text-2 img { float: right; top: -10px; }
Best regards,
YigitMarch 31, 2015 at 3:49 pm #421228HI Yogit great thanks.
When I added that code this page: http://scotwebtesting.co.uk/executive-tariffs/ is broken, with an extra footer color area
March 31, 2015 at 3:52 pm #421233Hi!
Can you please post a screenshot and show the issue please? It does show up fine on my end
Cheers!
YigitMarch 31, 2015 at 3:52 pm #421235Footer 1 now too far right. It only needs to line up with the left edge of the table.
March 31, 2015 at 3:54 pm #421242Please see: http://imgur.com/H274Fg6
March 31, 2015 at 3:56 pm #421246Hey!
Oh i see, please replace my previous code with following one
#footer #text-2 img { left: 13px; }
Cheers!
YigitMarch 31, 2015 at 4:00 pm #421252Awesome thanks yigit. Footer now sorted but still seeing additional color section on the above screenshot.
March 31, 2015 at 4:03 pm #421257Hey!
That is because you do not have enough content on your page. It would show up only on big screens
Best regards,
YigitMarch 31, 2015 at 4:13 pm #421272Ah i see. Ok thanks my friend. Much appreciated.
-
AuthorPosts
- The topic ‘Centre footer widgets’ is closed to new replies.