FROM CACHE - fr_header

Changer la position de mon texte

RÉSOLU
Lucmaxad
Nouveau membre
19 0 0

Bonjour à tous

Je suis actuellement sous le thème Turbo et je n'arrive pas à changer la position de mon texte.

Capture d’écran 2021-01-11 à 14.33.49.png

Le "bvn sur Blablabla", je voudrais que le texte soit plus haut mais malheureusement la seule possibilité que j'ai dans les paramètres, c'est soit de mettre le texte sur le côté ou soit de le mettre au milieu comme sur la photo. Si vous avez la moindre idée, je suis prôneur.

Merci de votre intension. 

1 SOLUTION APPROUVÉE

Solutions approuvées
JHKCreate
Shopify Partner
3451 618 875

Succès.

Certainement! 

Dans ce fichier "image-with-text-overlay.liquid", nous avons mis un nouveau paramètre:

 {
        "type": "range",
        "id": "text_extra_spacing",
        "label": "Relative Text Spacing",
        "default": 0,
        "info": "Manually Position Text On Desktop Only - Leave at 0% For Default",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "%"
      },

 

Puis dans "include-image-with-text-overlay.liquid" nous ramenous ce parametre a travers une association de variables:

{% assign text_extra_spacing = block.settings.text_extra_spacing %}
ou
{% assign text_extra_spacing = section.settings.text_extra_spacing %}


Finalement, on modifie le CSS si la variable a une valeur differente de 0:

{% unless text_extra_spacing == 0 %}
<style>
  @media only screen and (min-width: 798px) {
    
  .position-center.caption.js-caption.mobile-text-below--true
  {
    top: {{text_extra_spacing}}%;
  }
  }
</style>
{%endunless%}

 

Et Voila 🙂 

Si vous pouvez marquer la réponse comme une solution avec un petit "J'aime" ca serait top. Cordialement!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

Voir la solution dans l'envoi d'origine

12 RÉPONSES 12
JHKCreate
Shopify Partner
3451 618 875

Bonjour @Lucmaxad ,

Pouvez-vouz partager le lien de votre site pour qu'on puisse vous donner le code a changer?

Cordialement

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

Bonjour @JHKCreate

 

maison-theiere.myshopify.com est-ce bien ça ? Et si vous réussissiez, pouvez-vous me décrire votre démarche pour que je puisse faire la même chose sur mon shop secondaire car j'ai le même  soucis avec ce thème. Merci d'avance. 

JHKCreate
Shopify Partner
3451 618 875

Effectivement c'est bien ca! 

Nous venons de vous envoyer une requete d'access pour pouvoir vous resoudre ce probleme. On vous tiendra au courant de la demarche a faire bien sur!

Cordialement!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

@JHKCreate  demande accepté. 

JHKCreate
Shopify Partner
3451 618 875

Ce changement doit juste modifier la version PC ou Mobile aussi?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

Juste la version pc @JHKCreate 

JHKCreate
Shopify Partner
3451 618 875

C'est bon @Lucmaxad !

Vous trouverez une nouvelle option pour modifier l'espacement comme bon vous semble (uniquement sur PC comme convenu)

JHKC_0-1610472669037.png

Dites-nous si c'est bon!

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

@JHKCreate 

Je viens de tester et je ne peux toujours pas régler la position de mon texte, pour qu'il soit plus haut.

 

Capture d’écran 2021-01-13 à 11.05.36.png

JHKCreate
Shopify Partner
3451 618 875

C'est bon@Lucmaxad , en attente de votre retour.

Cordialement

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

Ça marche parfaitement, je vous remercie infiniment @JHKCreate, mais pouvez-vous me dire comment avez-vous fait dans la partie code ? Si cela ne vous dérange bien sûr.

JHKCreate
Shopify Partner
3451 618 875

Succès.

Certainement! 

Dans ce fichier "image-with-text-overlay.liquid", nous avons mis un nouveau paramètre:

 {
        "type": "range",
        "id": "text_extra_spacing",
        "label": "Relative Text Spacing",
        "default": 0,
        "info": "Manually Position Text On Desktop Only - Leave at 0% For Default",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "%"
      },

 

Puis dans "include-image-with-text-overlay.liquid" nous ramenous ce parametre a travers une association de variables:

{% assign text_extra_spacing = block.settings.text_extra_spacing %}
ou
{% assign text_extra_spacing = section.settings.text_extra_spacing %}


Finalement, on modifie le CSS si la variable a une valeur differente de 0:

{% unless text_extra_spacing == 0 %}
<style>
  @media only screen and (min-width: 798px) {
    
  .position-center.caption.js-caption.mobile-text-below--true
  {
    top: {{text_extra_spacing}}%;
  }
  }
</style>
{%endunless%}

 

Et Voila 🙂 

Si vous pouvez marquer la réponse comme une solution avec un petit "J'aime" ca serait top. Cordialement!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Lucmaxad
Nouveau membre
19 0 0

Je vous remercie infiniment pour votre aide si précieuse !!!