Forums

This topic contains 4 replies, has 0 voices, and was last updated by  Chymmino 5 years, 11 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #42581

    Chymmino
    Member

    Hello guys,

    I am facing css problem, I just installed on my website pagination numbers

    please check it at the bottom http://www.product-investigation.com

    I already tried margin: 0 auto and center – yes I can use margin-left: x px, but it will look great on homepage but on other pages it will break it – so please help me to center it – thanks !

    #123833

    Paulie_D
    Moderator

    Firstly the ‘center’ element is not longer used and should be replaced with a div.

    Next,

    margin:0 auto;

    will not work unless you set a width to the div.

    #123838

    petridisc
    Participant

    display: inline-block;
    on .pagination and replace ‘center’ with a div and
    text-align: center;
    on that

    #123839

    Paulie_D
    Moderator

    However, if you want the numbers in the center (and not the whole div) then that’s another matter.

    I would assume that really don’t want to set a width on the pagination div because other numbers might get added.

    That being the case, you can’t float the page links as they won’t center.

    Try inline-block instead: http://codepen.io/Paulie-D/pen/cytbm

    #123862

    Chymmino
    Member

    inline-block works :) thanks guys :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star