Customize Page-Navigation Bar

[E_K]

Hello,

Is there any chance to edit page-navigation bar on the right?

Such as color of inside dots, perhaps shape or align.

Thanks.

[Kyle – SUPPORT]

Hi

Yes you can edit the CSS of the bar, if you tell me what you would like to change I will provide you with the custom css

– Kyle

[E_K]

Hi Kyle,

Well, color and size of the inside dot and hover.

Perhaps, border to bar to make it more visible on white background.

Thanks.

[Kyle – SUPPORT]

Add this to your custom css:

#one-page-nav li i {
  height: 8px; /* height of circle */
  width: 8px; /* width of circle */
  border: 2px solid #fff; /* border color of circle, should match the background of the bar */
}
#one-page-nav li.selected a > i {
  background: none repeat scroll 0 0 #222; /* active section circle color */
}
#one-page-nav li a:hover > i {
  background: none repeat scroll 0 0 #222; /* color of circle on hover */
  border-color: #222; /* color of border, should match color above, this makes the circle look like it has increased in size */
}

Hope I made that clear enough for you! Let me now if you have any problems

– Kyle

[Kyle – SUPPORT]

Add this to your custom css:

#one-page-nav li i {
  height: 8px; /* height of circle */
  width: 8px; /* width of circle */
  border: 2px solid #fff; /* border color of circle, should match the background of the bar */
}
#one-page-nav li.selected a > i {
  background: none repeat scroll 0 0 #222; /* active section circle color */
}
#one-page-nav li a:hover > i {
  background: none repeat scroll 0 0 #222; /* color of circle on hover */
  border-color: #222; /* color of border, should match color above, this makes the circle look like it has increased in size */
}

Hope I made that clear enough for you! Let me now if you have any problems

– Kyle

[E_K]

Thanks Kyle.

Amazing effort again.

[Mohammad – SUPPORT]

Great! Thanks Kyle.