How to add spaces in Page Navigation ellipse . . .

Community Forums Forums Design Tips and Tricks How to add spaces in Page Navigation ellipse . . .

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Davinder Singh Kainth 1 year, 4 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #35248

    WiggleChicken
    Participant
    Post count: 163

    The page navigation is like this:

    1  2  3  … 5 >>

    The ellipse shows up really small, so I’d like to insert spaces and enlarge the font just on the ellipse. It’s wrapped in <li> tags.

    I’m using the eleven40 theme and my site isn’t visible just yet. But any suggestions?

    A function should take care of it, but I’m not sure how to write it. I pasted the “read more” code snippet into my functions and easily added spaces to that ellipse, so I just need to figure out how to target the page navigation ellipse.

    I’d be grateful for some help with this. Thanks!!  :)

     

    #35381

    Davinder Singh Kainth
    Participant
    Post count: 1211

    You have to make changes in post navigation section in css style file. Like this:
    /* Post Navigation
    ———————————————————— */

    .navigation {
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
    }

    .navigation li {
    display: inline;
    }

    .navigation li a,
    .navigation li.disabled,
    .navigation li a:hover,
    .navigation li.active a {
    background-color: #444;
    border: none;
    color: #fff;
    font-family: ‘Oswald’, arial, serif;
    font-size: 14px;
    padding: 5px 12px;
    }

    .navigation li a:hover,
    .navigation li.active a {
    background-color: #ed702b;
    border: none;
    text-decoration: none;
    }

    =======================================================================
    For changing font size of dots, add font-size as in following:
    .navigation li {
    display: inline;
    font-size:20px;
    }


    Need website customization services or other Genesis / WordPress help ?
    Davinder @ Design Studio iGuiding Media | My Blog | Fresh Genesis Themes Collection

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

You must be logged in to reply to this topic.