How to add spaces in Page Navigation ellipse . . .

[Carla the Moose]

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

 

[Davinder Singh Kainth]

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