Jump to content

1.6 banniere plus large sur portable


Recommended Posts

Ajustez l'image plus au bord du texte, là il y a des vides inutiles à droite et à gauche

image.thumb.png.6effd19dbeb0871fb43401d35fb7225b.png

image.png.365e4075c5432a2fa7aded16d597909a.png

Après, si c'est que pour mettre du texte, ça vaut le coup de modifier un peu le module de base pour pouvoir y mettre du texte ou une image.

2c1d1ddd2270dac63c8a10fee8fca5c3.jpg

Share this post


Link to post
Share on other sites

bonjour Eolia

Tout d'abord merci pour votre réponse

Si j'ajuste le texte à la largeur du bandeau sur ordi c'est trop grand mais sur portable c'est bien

En fait ma question est que j'aimerai pouvoir élargir uniquement sur portable pour que l'image soit plus lisible et cliquable.

stéphane

Share this post


Link to post
Share on other sites

c'est l'inverse qu'il faut faire^^

Mettez l'image en grand et limitez-là en largeur sur PC en modifiant la règle css existante:

#header .banner a img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 65px;
    max-width: 500px;
    margin: 3px auto 0;
    background: #f7c000;
}

image.thumb.png.d3953a9b58248193e7779834cc98bb68.png

 

image.png.26e8ca4b6f5f0e0a157e2bfe985a4c96.png

Share this post


Link to post
Share on other sites

bonjour

j'ai modifié la règle dans

repertoire du site/default-bootstrap2/css/modules/blockbanner/blockbanner.css

mais ça ne marche pas aussi bien que vous.....Je ne suis pas sur de l'endroit ou changer la règle

stephane

Share this post


Link to post
Share on other sites

Pour être sûr il faut désactiver la compilation des css momentanément dans Paramètres avancés -> Performances et vous verrez le chemin du fichier utilisé en inspectant l'élément après avoir rafraichi la page.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

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