Announcement

Collapse
No announcement yet.

Style extra pages links footer - INLINE on one single line with little space

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • thecartdesigner
    replied
    just add this rule in the same area as the others:

    #extrapages {
    margin: 0;
    }

    Leave a comment:


  • the Longhand
    replied
    Great thank you. Do you have any idea how to correct the border of the extra pages - it is a bit longer than the one below. Also the links are not exactly in the middle - something is pushing them a bit up. I'm sorry to ask so many things but I really appreciate your help.

    Leave a comment:


  • thecartdesigner
    replied
    Basically you are dividing the 5 links by a 100% of the container width which equals 20% so you could shrink the container width for the footer. But for easy if you want them to be inline closer you can just change the width to auto and use padding to space the line items.

    ul.extrapages li {
    line-height: 1;
    margin: 0 0 15px;
    text-align: center;
    width: auto;
    padding: 0 5px 0;
    }

    Leave a comment:


  • the Longhand
    replied
    Great thank you, that worked... never thought about changing the width. And also do you know how to make the space between smaller?
    Thanx again.

    Leave a comment:


  • thecartdesigner
    replied
    the Longhand

    In your default_modified.css change this rule:

    ul.extrapages li {
    line-height: 1;
    margin: 0 0 15px;
    text-align: center;
    }

    to this:

    ul.extrapages li {
    line-height: 1;
    margin: 0 0 15px;
    text-align: center;
    width: 20%;
    }

    save, clear store cache, browser cache, and refresh

    Leave a comment:


  • Style extra pages links footer - INLINE on one single line with little space

    I'm trying to style the extra pages links footer in one single line with little space instead. It should be fairly easy but I couldn't find a way.
    Thank you

Working...
X