How to apply custom css to split post into multiple page

Tags: css,wordpress,css3,wordpress-plugin,wordpress-theming

Problem :

my website is

i have split post into multiple page by <!–nextpage–> now i want to apply custom style for good look and feel

i have search all over but does not find any helpful content and i am trying to solve this

from 2 weeks.but did not succeeded

right now pagination look like this –

and i want somewhat like this –

so how can I achieve it.

Please help.

Solution :

.pagination_split_post span {
display: block;
float: left;
width: 25px;
height: 25px;
border: 1px solid gray;
margin-left: 5px;
text-align: center;
padding-bottom: 10px;
background: #64a9dc;
border-radius: 3px;
box-shadow: 0 1px 2px gray;
color: white;
text-shadow: 0 1px 1px gray;

.pagination_split_post a span {
background: white;
color: gray;

    CSS Howto..

    On textbox focus, how can you change the background color of the element prior to it with only CSS?

    How do i put text under an img icon in a menu?

    how to remove css property using javascript?

    How to modify CSS to achieve three lines?

    How to validate HTML with RSS?

    How to float inline elements with css

    How to make Gravity Forms Responsive (left/right )?

    How to convert from Powerpoint to HTML / CSS ? (FOSS)

    HTML or CSS, how is this done? [closed]

    How do I to adjust the identation [closed]

    How to Edit the CSS File of the Installed Plugin in Wordpress

    How can I split this image into pieces so when I write a long text, it doesn't go outside of the div?

    How can I achieve a jQuery onhover effect like WordPress post list's edit links?

    How to increase the duration of :active in css?

    How to begin typing from vertical middle of textarea

    jquery style sheet switcher - how to effect only theme css?

    How can I make this menu's “clear:both” work in Google Chrome?

    how to edit the width of menu bar in dreamweaver

    How to animate to position fixed?

    How to target the text in an element but not the text in nested elements with CSS

    How to make the element located in the center of a div?

    How to make a barlike chart but only with html and css [closed]

    How to set the width of my table columns to a fixed value?

    How can I modify my four quadrants to allow some “breathing room” between them (HTML/CSS)?

    How to animate multiple elements at the same time?

    How to retain rectangular border around button when clicked

    How to create a darker background on a whole page with one new div

    How to create a dropdown that is open by default and with custom scrollbars ( see pic from wireframes) in HTML [closed]

    How to dynamically generate CSS3 keyframe steps using SASS?

    css: how to target p a img