SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: Random Line

  1. #1
    SitePoint Addict avstu's Avatar
    Join Date
    May 2005
    Posts
    297
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Random Line

    There is a random line that has appeared stretched across my whole page just above the blue footer area.

    Does anyone know how i can change this so it fits just the actual layout?


    link: www.avillafan.com

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,195
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    It's created by this element:

    Code:
    <div class="footer-top-bar"></div>
    Just remove that if you don't want the line.

  3. #3
    SitePoint Addict avstu's Avatar
    Join Date
    May 2005
    Posts
    297
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I dont want to completely remove it - I want to align it with the actual layout and not the whole page.

    I tried changing it to width 80% but its to the right now.. Any tips?

  4. #4
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to place <div class="footer-top-bar"></div> within the footer part
    “Good artists copy, great artists steal” (Pablo Picasso - 1934)

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,195
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    There's really no need to add anything to the HTML. Just do something like this:

    Code:
    .footer-wrapper {border-top: 3px solid #3D001F}

  6. #6
    SitePoint Evangelist silver trophybronze trophy
    Join Date
    Jul 2013
    Posts
    406
    Mentioned
    22 Post(s)
    Tagged
    0 Thread(s)
    Yes, that's it: then the <div class="footer-top-bar"></div> is not needed anymore, and can be removed.

    (If you put the <div class="footer-top-bar"></div> inside the footer, then you are missing the 10px padding left and right, which are in the footer styles)

  7. #7
    SitePoint Addict avstu's Avatar
    Join Date
    May 2005
    Posts
    297
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    There's really no need to add anything to the HTML. Just do something like this:

    Code:
    .footer-wrapper {border-top: 3px solid #3D001F}
    Thank you. Much appreciated!


Bookmarks

Posting Permissions

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