Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Aug 2013
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Footer in Wordpress to the right

    Hi,

    I am trying to find out how to align my footer widgets on my site www.albafitness.com but I can't seem to do it. I want them so that they align automatically to any size of screen too.

    Can anyone help please?

    Also, using Firebug, I can see that there is an area called left23, is this needed? If not, can I delete it?

    Thanks

    Gav

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    Not quite sure how you want them aligned?

    Re left 23, this is a class assigned to a div. There is no css that matches this. The class could be used by javascript somewhere however. Easiest thing is to delete the class and see if anything breaks, I think.
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting

  • #3
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    You should probably look into media queries and provide different sizes for different browser widths.

    And I think you meant left13, not left23. Yes, the left13 class is needed.
    My signature :)

  • #4
    New Coder
    Join Date
    Aug 2013
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the replies

    I think I have managed to make it a bit better now by changing some stuff.

    Could you have a look and let me know if it looks right to you please?

  • #5
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    It looks fine on my browser, but when I shrink it, the images overlap each other.

    Try adding this to your stylesheet:

    Code:
    .left13 img {max-width:100%}
    My signature :)

  • #6
    New Coder
    Join Date
    Aug 2013
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've added that but there doesn't seem to be a change?

    Also, I want to add social media icons in the footer on the left, below the black line, in line with the footer menu on the right.

    How can I do this? It seems to just keep coming up above the black line.

    Regards

  • #7
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    It seems to work for me. Take a look at your site and resize the browser. The images don't overlap anymore.

    Anyway, your "social_text_widget" div is inside the "left13" div. Why don't you just move that to the "footer_content" div area so that it's below the black line?
    My signature :)

  • #8
    New Coder
    Join Date
    Aug 2013
    Posts
    19
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks ttkim, it's working now.

    Okay, I seem to have done something stupid. Could you tell me how to do that properly as I'm relatively new to all of this!

    Really appreciate the help. Thanks


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •