Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • cantabriadeportiva Friend
    #188507

    Hi!

    I have a very stupid question for you guys… How can I place two columns centered instead three in Our Services page???

    This is the code for three columns:

    <div class="page-wrap">
    <h3 class="page-title">
    Our <span class="orange">Services</span></h3>
    <div class="col-intro col-left">
    <div class="inner">
    <img alt="Joomla" border="0" src="images/stories/demo/joomla-logo.png" />
    <h4>
    Joomla</h4>
    <p>
    Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-center">
    <div class="inner">
    <img alt="Drupal" border="0" src="images/stories/demo/drupal-logo.png" />
    <h4>
    Drupal</h4>
    <p>
    Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-right">
    <div class="inner">
    <img alt="Wordpress" border="0" src="images/stories/demo/wordpress-logo.png" />
    <h4>
    Wordpress</h4>
    <p>
    Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    </div>

    Thanks!!!

    Ninja Lead Moderator
    #497121

    From code above you can change as follow

    Go to Admin site -> Module Manager -> Find “Services” custom html module

    + Custom HTML Script

    From


    <div class="page-wrap">
    <h3 class="page-title">Our <span class="orange">Services</span></h3>
    <div class="col-intro col-left">
    <div class="inner"><img src="images/stories/demo/joomla-logo.png" border="0" alt="Joomla" />
    <h4>Joomla</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-center">
    <div class="inner"><img src="images/stories/demo/drupal-logo.png" border="0" alt="Drupal" />
    <h4>Drupal</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-right">
    <div class="inner"><img src="images/stories/demo/wordpress-logo.png" border="0" alt="Wordpress" />
    <h4>Wordpress</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    </div>

    change to


    <div class="page-wrap">
    <h3 class="page-title">Our <span class="orange">Services</span></h3>
    <div class="col-intro col-left">
    <div class="inner"><img src="images/stories/demo/joomla-logo.png" border="0" alt="Joomla" />
    <h4>Joomla</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-center">
    <div class="inner"><img src="images/stories/demo/drupal-logo.png" border="0" alt="Drupal" />
    <h4>Drupal</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    <div class="col-intro col-right">
    <div class="inner"><img src="images/stories/demo/wordpress-logo.png" border="0" alt="Wordpress" />
    <h4>Wordpress</h4>
    <p>Pellentesque dictumst nibh Nulla dui at urna leo wisi dui Curabitur. Laoreet Nulla et id urna et vitae non tincidunt eros condimentum. Purus metus elit consectetuer est rhoncus vestibulum sociis cursus porta Curabitur.</p>
    </div>
    </div>
    </div>

    + Css script

    Open templates/ja_cloris/css/template.css file

    From


    .col-intro {
    float: left;
    font-family: 'BitstreamVeraSansRoman';
    text-align: center;
    width: 33.3%;
    }

    Change


    .col-intro {
    float: left;
    font-family: 'BitstreamVeraSansRoman';
    text-align: center;
    width: 50%;
    }

    Remember to clear cache from Admin area after changing

    cantabriadeportiva Friend
    #497174

    Thanks! I think both ‘Services’ codes are the same, but it works.

Viewing 3 posts - 1 through 3 (of 3 total)

This topic contains 3 replies, has 2 voices, and was last updated by  cantabriadeportiva 6 years, 3 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum