0
Welcome Guest! Login
0 items Join Now

LEXICON - Center images - rt-center don't work

    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Hi everybody,


      Sorry for my possible errors in English, I'm French

      I would like to center all the images in a module.
      This is the code:
      <div class="gantry-row">
      <div class="gantry-width-25">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a>Nom fonction 1</a></span> </span>
      <h3 class="nomarginbottom">User 3</h3>
      <h6 class="nomargintop">Directeur</h6>
      </div>
      </div>
      <div class="gantry-width-25">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a>Nom fonction 2</a></span> </span>
      <h3 class="nomarginbottom">User 2</h3>
      <h6 class="nomargintop">commerciale</h6>
      </div>
      </div>
      <div class="gantry-width-25">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a>Nom fonction 3</a></span> </span>
      <h3 class="nomarginbottom">User 1</h3>
      <h6 class="nomargintop">Technicien</h6>
      </div>
      </div>
      </div>
      <div class="clear"> </div>

      In the advanced setting, I set CSS suffix "rt-center" but the team's presentation images are not centered

      How can i fix it ? Thank you for all the future people will give me some answers.
    • Last Edit: 6 years 6 months ago by Gilles.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • do you have a link to check?
    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • The web site is off line.

      But i can give you a access in private, or open the web site just few minutes.
      What do you prefer ?
    • Last Edit: 6 years 6 months ago by Gilles.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Just use the secure tab ...
      A link makes it much easier for us.
    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Ok a link in Secure tab.
    • Last Edit: 6 years 6 months ago by Gilles.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • most simple solution would be to use

      gantry-width-33 instead of gantry-width-25

      in the html
    • The following users have thanked you: Gilles

    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Ok it's work ! Thanks !
    • Last Edit: 6 years 6 months ago by Gilles.
    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Henning wrote:
      most simple solution would be to use

      gantry-width-33 instead of gantry-width-25

      in the html

      but @Henning, if i would like keep the same size image, what's parameter i'll must change ?


      Exemple :
      <div class="gantry-row">
      <div class="gantry-width-20">
      <div class="gantry-width-spacer" style="text-align: center;"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a href="http://www.flickr.com/photos/carianoff/4070347417/sizes/l/">Ancien de MOUTTE</a></span> </span>
      <h3 class="nomarginbottom">USER 1</h3>
      <h6 class="nomargintop">Fonction</h6>
      </div>
      </div>
      <div class="gantry-width-20" style="text-align: center;">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a href="http://www.flickr.com/photos/carianoff/5328368478/sizes/l/">Ancien de Saint-Joseph</a></span> </span>
      <h3 class="nomarginbottom">User 2</h3>
      <h6 class="nomargintop"> </h6>
      </div>
      </div>
      <div class="gantry-width-20" style="text-align: center;">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a href="http://www.flickr.com/photos/carianoff/5327733275/sizes/l/">Ancien de Trois-ilets</a></span> </span>
      <h3 class="nomarginbottom">User 3</h3>
      <h6 class="nomargintop">Fonction</h6>
      </div>
      </div>
      <div class="gantry-width-20" style="text-align: center;">
      <div class="gantry-width-spacer"><span class="rt-image with-attribution"> <img src="images/rocketlauncher/pages/the-team/no-image.jpg" alt="image" /> <span class="rt-image rt-attribution"><a href="http://www.flickr.com/photos/carianoff/5328421868/sizes/l/">Ancien du LAMENTIN</a></span> </span>
      <h3 class="nomarginbottom">User 4</h3>
      <h6 class="nomargintop">Fonction</h6>
      </div>
      </div>
      </div>
      <div class="clear" style="text-align: left;"> </div>
      I love this image size. I would like to center.
    • Last Edit: 6 years 6 months ago by Gilles.
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • create a custom css file rt_lexicon-custom.css and add this code ...
      .rt-center div.gantry-row div.gantry-width-20 {
      	display: inline-block;
      	float: none;
      }
    • The following users have thanked you: Gilles

    • Gilles's Avatar
    • Gilles
    • Newbie
    • Posts: 18
    • Thanks: 0

    Re: LEXICON - Center images - rt-center don't work

    Posted 6 years 6 months ago
    • Ok thanks you, i'll try

Time to create page: 0.101 seconds