Estou tentado sem sucesso deixar as bullets de navegação centralizadas e as setas de navegação ao lado direito e esquerdo do slider, por mais que altera as configurações do css não obtenho sucesso.
O site é esse: Site em desenvolvimento
Para as setas, tenho isso:
.flex-direction-nav a { display: block; width: 27px; height: 27px; background-image: url(../images/slider/arrows.png); background-repeat: no-repeat; cursor: pointer; text-indent: -999em; } .flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-prev.flex-disabled { background-position: 10px 7px; } .flex-direction-nav a.flex-next, .flex-direction-nav a.flex-next.flex-disabled { background-position: -17px 7px; }
E para as bullets isso:
.flex-control-nav { position: absolute; left: 0; bottom: 15px; background-color: rgba(0,0,0,0.8); padding: 10px 20px; overflow: hidden; z-index: 50; } .flex-control-nav li { margin-left: 8px; float: left; } .flex-control-nav li:first-child { margin: 0; } .flex-control-paging a { width: 7px; height: 7px; display: block; background-color: #e5e5e5; cursor: pointer; text-indent: -999em; } .flex-control-paging a:hover { background-color: #999; } .flex-control-paging a.flex-active { cursor: default; }
No caso dos bullets tentei alterar isso:
flex-control-nav { background-color: rgba(0, 0, 0, 0.8); bottom: 35px; left: 0; margin: 0 auto; overflow: hidden; padding: 10px 20px; position: relative; width: 6%; z-index: 50; }
Mas como disse, sem sucesso.