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 3 of 3
  1. #1
    Regular Coder
    Join Date
    Apr 2010
    Posts
    207
    Thanks
    30
    Thanked 0 Times in 0 Posts

    Need some help with CSS alignments

    At the bottom of my home page

    http://billboardfamily.com/?theme=DeepFocus

    there is a section with 8 images, and a button that reads "Enter The Gallery"

    This is supposed to be centered/aligned like it is here on this page: http://www.elegantthemes.com/preview/DeepFocus/

    But you can see my page is messed up...and the alignment is not the same. Can someone help me straighten this out, please?

    Thanks!
    Website: www.billboardfamily.com
    Twitter: www.twitter.com/billboardfamily
    Facebook Fan Page: www.facebook.com/BillboardFamily
    Facebook (Carl): www.facebook.com/CarlMartin.BillboardFamily (admin note: sig should be <=4 lines)

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Your problem stems from this css:

    Code:
    .readmore {
        background: url("images/fromblog-controllers-bg.png") no-repeat scroll 0 0 transparent;
        bottom: -12px;
        height: 38px;
        left: 85px;
        position: absolute;
    }
    which isn't on the theme page. Take that position:absolute out and you should be OK - or make your css more specific via something like:

    Code:
    #portfolio-items .readmore{position:relative}

  • #3
    Regular Coder
    Join Date
    Apr 2010
    Posts
    207
    Thanks
    30
    Thanked 0 Times in 0 Posts
    got it, thanks!
    Website: www.billboardfamily.com
    Twitter: www.twitter.com/billboardfamily
    Facebook Fan Page: www.facebook.com/BillboardFamily
    Facebook (Carl): www.facebook.com/CarlMartin.BillboardFamily (admin note: sig should be <=4 lines)


  •  

    Posting Permissions

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