Redondear bordes de...
Avisos
Vaciar todo

Redondear bordes del menú y bloques  

 
Oscar
 Oscar
Estimable Member

Buenos días, como se puede apreciar en la página en el menú horizontal superior, me gustaría que las líneas que sobrepasan tanto de derecha a izquierda del bloque no sobrepasen dicho bloque y al mismo tiempo redondear los bordes del menú, es decir, dejar un menú superior con los cuatro bordes redondeados no los bordes de cada sección sino en general.
Sé que es con el border-radius: 10 px, donde el 10 la cantidad que tú quieras, pero no sé exactamente dónde aplicarlo, lo pruebo con el firebug, y no logro ponerlo.
Y hacer lo mismo en los bloques.
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/09/2017 11:45 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Edita el archivo customuser.css que encontraras en la ruta themes/Amaltea/css/customuser.css y añade lo siguiente:

#menu-bar {
border-bottom:none;
border-top:none;
}

.sf-menu > li:first-child {
    border-left: none;
}
.sf-menu > li {
    border-right: none;
    float: left;
    margin-bottom: 0;
}

.sf-menu > li > a {
    background-color: #181818;
    border-radius: 5px;
    color: #fff;
    font-weight: bold!important;
    margin-right: 5px;
}

Revisa si ese el resultado que buscabas.

Un Saludo

ResponderCitar
Respondido : 02/09/2017 12:54 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Oscar
 Oscar
Estimable Member

Buenas, genial, como siempre....he añadido un poco de mi cosecha y me gusta el resultado, un poco mas de limar y listo, muchas gracias, ahora estoy investigando el redondeo de los bloques y me he dado cuenta que poniendo border-radius 10px;... en el global, me lo redondea todo, pero no se, lo mirare, gracias...
si tienes alguna sugerencia, pues por aqui estoy, para no tocar todos los bloques, solo el de busqueda.

ResponderCitar
Respondido : 02/09/2017 7:12 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

No me queda claro que es lo que quieres, entiendo que quieres modificar la celda del buscador, si es así, añade lo siguiente:

.form-control {
border-radius: 5px;
}

#search_button {
  margin-top:-45px;
border-radius:5px;
} 

Si lo que quieres es el titulo, añade lo siguiente:

#search_block_left .title_block {
border-radius:5px;
}

Por cierto, revisa el ultimo código que añadiste en el archivo customuser ya que te falta cerrarlo con el corchete }

Un saludo

ResponderCitar
Respondido : 02/09/2017 7:51 pm

Cursos Gratuitos WordPress

Oscar
 Oscar
Estimable Member

Buenas, gracias por la advertencia, precisamente sobre ese ultimo bloque me gustaria comentar, esta bien añadido? ya que he puesto todo segun me daba el Firebug, y lo mismo solo vale poner alguna parte, no se si me explico, lo he copiado directamente y modifique el color, y asi lo meti, y funciona.

Sobre los codigos que me envias es mas o menos, seria bordearlo todo desde el bloque del buscador a las celdas de los productos, por eso lo de que estaba mirandolo, ya que añadiendo el border-radius donde te dije, se modificaba todo al mismo tiempo, pero no me ha dado tiempo a mirarlo bien y comentar, solo lo probé en el firebug.
Cuando lo tenga te comento porque seguro tendre que depurarlo.

EDITO:
Esto es lo que he añadido en el custom:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border-radius:15px;
}

Poniendo esto me ha redondeado todos los bordes al tiempo, este bien? o tengo que poner o quitar algo?, que te parece?

EDITO2:
Me he dado cuenta de unos pequeños detalles, se aprecia en la captura.
Fondo de las palabras, añadir al carrito, ver mas promociones, y la lupa del buscador.
Se ve, no?, como lo quitaria?

ResponderCitar
Respondido : 03/09/2017 6:47 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Bueno es una opción, es un código muy genérico y te realizara bordes a todo, si es eso lo que buscas pues nada ya lo tienes, me parece perfecto 😉

Un saludo

ResponderCitar
Respondido : 03/09/2017 7:17 pm

Oscar
 Oscar
Estimable Member

Buenas, y como quitaria lo que pongo en el anterior msj?, en....EDITO2?

ResponderCitar
Respondido : 03/09/2017 9:22 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Supongo que te refieres al fondo negro.

Prueba añadiendo lo siguiente:

.btn-default {
border-color:transparent;
background-color:transparent;
}

.button.button-small {
border-color:transparent;
background-color:transparent;
}

Un saludo

ResponderCitar
Respondido : 04/09/2017 10:02 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Oscar
 Oscar
Estimable Member

Muchas gracias, perfecto.
Una vez mas, lo mejor de lo mejor.

ResponderCitar
Respondido : 06/09/2017 6:07 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Oscar.

Genial !!!!! poco a poco como a ti te gusta 😉
Ya sabes, cualquier consulta que tengas no dudes en comunicarlo.

Cerramos el tema.

Un saludo

ResponderCitar
Respondido : 06/09/2017 6:11 pm

wpdoctor-revisa-la-salud-de-tu-wordpress