Soporte » Diseño – Temas y plantillas » Tamaño de iconos de redes social en tema eStar

  • Resuelto ninfadelgado

    (@ninfadelgado)


    Estoy usando el tema eStar para crear un blog e importe con el tema el pluging eRocket y me permite usar los iconos de las redes sociales, pero quiero cambiarles el tamaño, como lo puedo hacer?

    • Este debate fue modificado hace 2 años, 11 meses por jose64. Razón: Cambiar título
Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Moderador kallookoo

    (@kallookoo)

    Hola @ninfadelgado

    Basicamente necesitas crear un CSS adicional con el nuevo tamaño que deseas, como no pones la url de tu sitio no te puedo orientar mas.

    Iniciador del debate ninfadelgado

    (@ninfadelgado)

    Buenos dias, no publique el link porque estoy haciendo el blog en local.
    http://localhost/nicolasroset/

    Como deberia ser el css adicional ?

    Moderador kallookoo

    (@kallookoo)

    Hola @ninfadelgado

    Ese plugin que recomienda este theme utiliza el bloque share de gutenberg por lo tanto utilizando la class .wp-social-link podrias modificar su tamaño.

    Este es el codigo original copialo en el CSS adicional y cambia el 36 por el tamaño nuevo.

    
    .wp-social-link {
     width: 36px;
     height: 36px;
    }
    
    Iniciador del debate ninfadelgado

    (@ninfadelgado)

    Gracias ya lo hice.
    Quiero modificar el tamaño de los botones usando CSS pero no me funciona lo escrbi asi:
    .wp-block-button-link{
    width: 146.48px;
    height: 42.98px;
    }
    Estos son los valores que creo son los originales.
    Que es lo que esta mal?
    Gracias

    Moderador kallookoo

    (@kallookoo)

    Vamos a ver,
    De donde sacas esa clase?
    Porque dices que los valores originales son esos? Los SVG tienen de entrada un valor de 24×24 y la clase que te comente pone 36×36 por cada icono. Luego el contenedor utiliza display:flex para ajustar los iconos, despues usa border-radius para hacer los iconos redondos asi que el ancho y alto tienen que ser iguales ya que deformarias los iconos.

    Usa el inspector del navegador y veras que clases se usan y que propiedades tiene.
    Saludos

    Iniciador del debate ninfadelgado

    (@ninfadelgado)

    Creo que me exprese mal y no me hice entender, lo que me dijiste de los iconos lo hice y ya lo solucione gracias.

    Pero en ese mismo tema tienen unos botones y quiero modificar el tamaño de esos botones y siguiendo lo que me escribiste trate de modificarlos con CSS y eso fue lo que te estoy escribiendo ahora, pero no me funciona

    .wp-block-button-link{
    width: 146.48px;
    height: 42.98px;
    }

    La clase lo que hice fue usar el inspector y me ubico sobre el elemento que quiero modificar y de ahí saque la clase. Digo que esos son los valores originales porque al ubicarme en el botón me aparecen esos valores

    Gracias

    Moderador kallookoo

    (@kallookoo)

    Hola @ninfadelgado

    Ese theme tiene una clase llamada wp-block-button__link no como la que comentas, sin poder ver la web poco mas puedo comentarte al respecto, prueba con la que te comento por si realmente es esa.

    Saludos

    Iniciador del debate ninfadelgado

    (@ninfadelgado)

    Gracias ya lo pude hacer, me esta costando lo de CSS pero lo voy aprendiendo

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Tamaño de iconos de redes social en tema eStar’ está cerrado a nuevas respuestas.