0
Welcome Guest! Login
0 items Join Now

SOLVED Creating a 3 Column Layout Within a Module

Last Post
Search Topic

  • SOLVED Creating a 3 Column Layout Within a Module

    Posted 7 years 2 months ago
    • I'm having a bit of trouble creating a simple enough 3 column layout within a module and wondered if anyone could take a quick look and tell me what I'm missing.

      I used this page here to get the code required:
      www.rockettheme.com/docs/joomla/basic/cr...tom-responsive-grids

      And created this:

      <div class="gantry-width-block gantry-width-33">
	<div class="gantry-width-spacer">
		<i class="fa fa-question fa-5x fa-inverse"></i>
		<p class="service-heading">Sample Chapter</p>
	</div>
</div>
<div class="gantry-width-block gantry-width-33">
	<div class="gantry-width-spacer">
		<i class="fa fa-wrench fa-5x fa-inverse"></i>
		<p class="service-heading">The Mechanics of Publicity</p>
	</div>
</div>

<div class="gantry-width-block gantry-width-33">
	<div class="gantry-width-spacer">
		<i class="fa fa-list fa-5x fa-inverse"></i>
		<p class="service-heading">Free Advice</p>
	</div>
</div>

<div class="clear">&nbsp;</div>

      But get this:
      This image is hidden for guests.
      Please log in or register to see it.


      Any thoughts...?

      Oh, here's the live URL:
      landingpage01.whatnowebsite.co.uk/
    • Last Edit: 7 years 2 months ago by What No Website.
    • Turning Ideas Into Reality Since 1995
    #1378488
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED Creating a 3 Column Layout Within a Module

    Posted 7 years 2 months ago
    • Please do not post extensions/template specific questions in the "Free Stuff" forum. You should post in the extension forum or template forum as appropriate. Most of these forums are for members who have a current PAID membership. Our priority is always to assist paying members.

      Thank you for your understanding.

      Your subscription for osmosis appears to have expired. Support does require a current subscription.




      Do this instead:
      <div class="gantry-width-container">
    <div class="gantry-width-block gantry-width-33">
    	<div class="gantry-width-spacer">
    		<i class="fa fa-question fa-5x fa-inverse"></i>
    		<p class="service-heading">Sample Chapter</p>
    	</div>
    </div>
    <div class="gantry-width-block gantry-width-33">
    	<div class="gantry-width-spacer">
    		<i class="fa fa-wrench fa-5x fa-inverse"></i>
    		<p class="service-heading">The Mechanics of Publicity</p>
    	</div>
    </div>
     
    <div class="gantry-width-block gantry-width-33">
    	<div class="gantry-width-spacer">
    		<i class="fa fa-list fa-5x fa-inverse"></i>
    		<p class="service-heading">Free Advice</p>
    	</div>
    </div>
</div>    
<div class="clear">&nbsp;</div>



      Regards, Mark.
    • Last Edit: 7 years 2 months ago by MrT.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1378490

  • Re: SOLVED Creating a 3 Column Layout Within a Module

    Posted 7 years 2 months ago
    • Thanks Mr T.

      As it was a Gantry question I posted it here. Apologies. I just figured out the problem and yes, adding "<div class="gantry-width-container">" solved it.

      Thanks very much.
    • Turning Ideas Into Reality Since 1995
    #1378498

Time to create page: 0.060 seconds