Hola.
Bienvenido al foro de soporte. Eso puedes hacerlo de dos formas:
Puedes mostrar el borde superior del apartado de productos destacados
section.related.products {
border-top: 3px solid black;
padding-top: 1rem;
}
O bien darle un borde inferior a las pestañas
.woocommerce-tabs.wc-tabs-wrapper {
border-bottom: 3px solid black;
}
Añade al CSS personalizado del tema o al archivo style.css del tema hijo el código que prefieras, se encuentra en la ruta Apariencia > Personalizar > CSS adicional
Comenta si tienes alguna duda y, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.
Iniciador del debate
loco199
(@loco199)
Ya lo he probado, esta genial, tengo una pregunta hay una forma de insertar una tira extra?
Me refiero a que puede insertar alguna imagen, tal vez el logo y se forme una ralla divisora?
Te dejo enlaces a la información referente a la propiedad CSS border
:
Tecnología para desarrolladores web > CSS > border
Tecnología para desarrolladores web > CSS > border-image
CSS Border Images
Recuerda cerrar el debate marcándolo como resuelto.
Iniciador del debate
loco199
(@loco199)
una pregunta mas, como puedo colocarlo en la pagina del producto?
Hola.
Aparte de que no entiendo lo que estás preguntando, en cada debates solo se debe tratar un tema para mantener el orden en el foro, por favor, cierra este debate marcándolo como resuelto y abre uno nuevo haciendo la consulta en forma clara.