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..

    How to use CSS on an Html.ActionLink in C#

    how to load an external css file if javascript is disabled

    How to get rid of css inherited from a css file?

    How to write css fallbacks for vh vw - how does it all work together?

    How to add a specific class to select2 drop element?

    Styling the placeholder of an input, how can I do this? [duplicate]

    Can't show updated image

    How to auto adjust parent DIV height according to the contents in child DIV?

    How to Auto-Resize a DIV with CSS while keeping Aspect Ratio?

    How to use Chrome Inspector to show the popup css for a jquery plugin

    CSS How to add content under fixed position navbar [closed]

    How to change anchor color when you hover over a list

    How to allow content area to be expandable to right but not pop under sidebar?

    How to remove border-bottom of last div in a group - CSS

    How can I use CSS to center text in DIV

    How to add spacing in between

    How to draw with CSS canvas a slideshow frame?

    How to do this angle background by CSS?

    How can I change Javascript Value into percentage instead of pixels

    How to force a hover state with jQuery?

    How to target content through css

    Beginner: How to get a fixed element to a left position (float left?) - JSFiddle included

    background image not shown in div elements in mobile jquery

    Show/Hide Markers that are pulled from function

    How do I remove the white space around my html forms?

    How to remove/close bootstrap css notification? [closed]

    How can I apply CSS to an HTML text input?

    How to use a full width image as border between content and footer

    When displaying an image in my directory, how to add a return (or back) button to it?