• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to add spaces in Page Navigation ellipse . . .

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved

Tagged: ellipse, page navigation, text

  • This topic has 1 reply, 2 voices, and was last updated 12 years, 1 month ago by Davinder Singh Kainth.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 13, 2013 at 1:58 pm #35248
    Carla the Moose
    Member

    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!!  🙂

     

    April 14, 2013 at 7:12 am #35381
    Davinder Singh Kainth
    Member

    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;
    }


    Sunshine PRO genesis theme
    Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble