Your account expired support, please renew to get your support.

Home Forums Themes Support Claue cabezera

Viewing 14 reply threads
  • Author
    Posts
    • #39322
      asdemodas
      Support Expired

      hola harry haver si me puedes decir lo siguiente quiero que al inicio de la home en vez de aparecer letras quiero cargar una foto con las dimensiones adecuadas donde la devo de poner para anunciar el black friday hay con una imagen te pongo ejemplo https://prnt.sc/vor3z0   hay quiero que salga algo como esto https://prnt.sc/vor4bj

    • #39332
      Harry
      Support Expired

      Hi,

      1. Please go to Claue > Theme Option > Color Scheme > change header top background color to black

      2. Upload your image

      3. Go to Claue > Theme Option > Header > Center promo an add link of your image

      <img src="your_image_path" alt="">

      and change your_image_path with link of your image

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39333
      asdemodas
      Support Expired

      harry e creado una foto grande pero se me ve muy pequeño quiero que ocupe todo el ancho de la web https://prnt.sc/vpcugt mira el tamaño de la foto como quiero que salga full https://prnt.sc/vpcve3

    • #39336
      Harry
      Support Expired

      Hi,

      Please add below code to Claue > Theme Option > General Layout > Custom CSS

      .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs,
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {
      	width: 0;
      	max-width: 0;
      	flex-basis: 0;
      }
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs {
      	width: 100%;
      	max-width: 100%;
      	flex-basis: 100%;
      }

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39349
      asdemodas
      Support Expired

      solucionado eres un crak harry :)) https://prnt.sc/vq1q5r

    • #39350
      asdemodas
      Support Expired

      HARRY aun quiero saver como modificar esto para otras ocasiones:

      quiero donde ves en la foto hasta el 12 de diciembre.. eso lo e puesto en contenido de la cabezera inquierda pero quiero desplazarlo donde ves en la foto un poco mas abajo. https://prnt.sc/vq2858

      y en la cabecera derecha como ves tambien en la foto quiero poner otra foto con el espacio que queda disponible y que quede centrado en el medio dime como son los codigos porfa https://prnt.sc/vq2858

    • #39352
      Harry
      Support Expired

      Hi,

      Please change code to

      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs {
      	width: 80%;
      	max-width: 80%;
      	flex-basis: 80%;
      }
      
      .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs {
      	width: 0;
      	max-width: 0;
      	flex-basis: 0;
      }
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {
      	width: 20%;
      	max-width: 20%;
      	flex-basis: 20%;
      }

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39361
      asdemodas
      Support Expired

      hola harry me encuentro bastantes problemas con esto e puesto una foto a la izquierda de 200x70px y con ese código en web se ve bien pero en móvil se ve muy pequeño y estado cambiando los valores width: 20%; max-width: 20%; flex-basis: 20%; pero me es imposible centrarlo bien y si pongo 40 40 40 la imagen se abre mucho de ancho no hay algun plugin o algo especial para esto? o tal vez es mejor que cargue una foto con todo que quiera poner con todo el ancho completo? https://prnt.sc/vqut6d  yo lo quería quedar asi para que te hagas una idea https://prnt.sc/vquw2u

      https://prnt.sc/vquwhu

    • #39365
      Harry
      Support Expired

      Now you still want keep header top to 3 cols, it now i still not clear your idea

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39415
      asdemodas
      Support Expired

      harry quiero quitar el encabezado en 3 columnas quiero hacer una imagen como has visto y que salga al tamaño completo de la foto

    • #39422
      Harry
      Support Expired

      Hi,

      Please change prev code to

      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs {
      	width: 60%;
      	max-width: 60%;
      	flex-basis: 60%;
      }
      
      .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs,
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {
      	width: 20%;
      	max-width: 20%;
      	flex-basis: 20%;
      }

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39424
      asdemodas
      Support Expired

      hola harry

      ¿cual es el tamaño perfecto para poner una imagen al 100% en la cabecera y que se vea bien en pc y en movil?

      ese codigo que me has dado en version movil se reduce mucho la imagen de tamaño

      yo lo que quiero es diseñar una foto con el tamaño completo y que se vea igual de grande como la e diseñado yo tengo este ancho https://prnt.sc/vrr9na y sin version caja https://prnt.sc/vrr9yd

      https://prnt.sc/vrrahs

    • #39426
      Harry
      Support Expired

      Hi,

      The image on mobile will resize to fit. It have other to make the 2 images on mobile full width 100% or you still want keep the 2 small images as 20%?

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39428
      asdemodas
      Support Expired

      solo quiero 1 imagen en el ancho completo para pc100% y movil 100% nada mas

    • #39430
      Harry
      Support Expired

      Hi,

      Please combine 3 images to one and use code

      .jas-col-md-4.jas-col-sm-2.jas-col-xs-12.flex.end-md.hidden-sm.hidden-xs,
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {
      	width: 0;
      	max-width: 0;
      	flex-basis: 0;
      }
      .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.center-md.end-sm.center-xs {
      	width: 100%;
      	max-width: 100%;
      	flex-basis: 100%;
      }

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 14 reply threads

You must be logged in to reply to this topic.