Jump to content
Lynda

Ajouter une marge : où modifier le code ?

Recommended Posts

Bonjour,

Je souhaiterais ajouter une marge de 35 px en haut du bloc "Product comments". J'arrive à faire ça avec l'outil d'inspection, qui me créé :

element.style {

margin-top: 35px;

}

Le problème est qu'il ne m'est pas indiqué dans quel fichier il faut que je mette ce code. Avez-vous une idée ?

Merci pour votre aide.

Capture d’écran 2020-01-05 à 15.16.24.jpg

Share this post


Link to post
Share on other sites

Tout-à-fait, il n'y a pas de marge. Et pour des raisons d'esthétiques, j'aimerais en ajouter une.

Share this post


Link to post
Share on other sites

Merci, JuanjoG. En effet, je peux faire comme ça, modifier la marge du titre plutôt que de tout le bloc.

Cependant, pour pouvoir progresser, j'aimerais bien savoir comment faire pour modifier la marge d'un bloc...

Share this post


Link to post
Share on other sites

.pk-widget.widget-productpagefooter {

margin-top: 35px !important;

}

Share this post


Link to post
Share on other sites

Bonjour,

dans le fichier custom.css de votre template vous pouvez rajouter cela :

#pattern .page-width .page-width div.product-comments {
	margin-top: 2em;
}

 

Share this post


Link to post
Share on other sites

Merci, Mediacom87, mais ça ne fonctionne pas.

Share this post


Link to post
Share on other sites

votre fichier est vide donc cela ne risque pas changer grand chose : themes/child_alysum/assets/css/custom.css

Share this post


Link to post
Share on other sites

Bonjour,

il faut juste ajouter du CSS dans le custom.css. Je ne vois pas la difficulté la dedans , pensez à vider la cache.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More