how to create three colum layout on home page (with intro)

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Locked
what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

how to create three colum layout on home page (with intro)

Post by what2use » Fri May 22, 2015 8:51 pm

I am using the protostar template that came with Joomla 3 and I thought it was supposed to be responsive. It works fine on the PC but I am having problems getting it to work on mobile.

I was using a three column table but this does not work on mobile and gets cutoff on the right.

What I need to do is on the home page:
have one full width intro article
(This will be part welcome message and part news)
then a three column layout below
(This will have upcoming events(left), text(middle), notices(right))

Something like this:

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44093
Joined: Sat Apr 05, 2008 9:58 pm

Re: how to create three colum layout on home page (with intr

Post by Webdongle » Fri May 22, 2015 10:05 pm

You need to mark up the html to make use of the bootstrap css in Joomla
http://forum.joomla.org/viewtopic.php?f ... 0#p3296565
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 30934
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: how to create three colum layout on home page (with intr

Post by Per Yngve Berg » Sat May 23, 2015 5:48 am


what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

Re: how to create three colum layout on home page (with intr

Post by what2use » Sat May 23, 2015 2:44 pm

That may work and I may be able to setup the code. After I get the site setup it will be maintained by non-coders and the idea behind using something like joomla or whatever, is for them to use a system that is wysiwyg and does not require coding.
They will definitely not be able to do this

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 30934
Joined: Mon Oct 27, 2008 9:27 pm
Location: Romerike, Norway

Re: how to create three colum layout on home page (with intr

Post by Per Yngve Berg » Sat May 23, 2015 2:47 pm

Create a css file for the editor so the writer can select the class from the style drop down in the editor.

what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

Re: how to create three colum layout on home page (with intr

Post by what2use » Sat May 23, 2015 2:56 pm

I only have a little experience with css.

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44093
Joined: Sat Apr 05, 2008 9:58 pm

Re: how to create three colum layout on home page (with intr

Post by Webdongle » Sat May 23, 2015 3:19 pm

Why not just use Featured blog and have 3 separate Articles ?
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

Re: how to create three colum layout on home page (with intr

Post by what2use » Sat May 23, 2015 6:28 pm

I experimented with that and could not get it to display in the format I wanted.
I made two article, which I set to featured, called News and Events.

But no matter what template I used the text would display with a transparent background. I wanted the articles to be in a box with colored background and lined border

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44093
Joined: Sat Apr 05, 2008 9:58 pm

Re: how to create three colum layout on home page (with intr

Post by Webdongle » Sat May 23, 2015 7:32 pm

If you understand html/css a little you can edit the css to create the borders or perhaps create a Template override and add a <div class="myclass"></div> to create the box https://docs.joomla.org/J3.x:How_to_use ... te_Manager
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

Re: how to create three colum layout on home page (with intr

Post by what2use » Sat May 23, 2015 7:51 pm

I have to rethink Joomla. It is turning out to be way more complicated to create a layout that we want and I have doubts that our web person will be able to use it

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44093
Joined: Sat Apr 05, 2008 9:58 pm

Re: how to create three colum layout on home page (with intr

Post by Webdongle » Sat May 23, 2015 8:30 pm

If your web master wont be able to manage content in Joomla then he/she will not be able to manage a static flat file site. Joomla is a Content Management Sytem which makes it easy to manage content. It is not a magical panacea to enable people to instantly be able to design and create a website.

Out of the box Joomla provides a platform to create a website and display the imputed data in various ways. There are various Templates and extensions that enhance the look 'n' feel of the output. If anyone needs to style the output beyond that then they need to understand (or learn) html/css/php.

Once Joomla is set up correctly then content can be entered and managed with little or no html/css/php knowledge. Any website creator who is unsatisfied with the look 'n' feel but is unable to change it ... will have great difficulty creating a static html site. Any webmaster/user who can not enter/manage content in Joomla (once it has been set up correctly) will almost certainly not be able to change the content of a static html site.

Bottom line is ... a bad workman blames his tools but a good workman learns how to use the tool.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".

what2use
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Fri May 22, 2015 7:16 pm

Re: how to create three colum layout on home page (with intr

Post by what2use » Sat May 23, 2015 9:30 pm

May be true. But a good workman knows if the tool does not work, he gets one that does

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 44093
Joined: Sat Apr 05, 2008 9:58 pm

Re: how to create three colum layout on home page (with intr

Post by Webdongle » Sun May 24, 2015 2:05 am

what2use wrote:... But a good workman knows if the tool does not work, he gets one that does
That is not the case here because hundreds of people have got Joomla to work. If the look 'n' feel (even with a 3rd party Template and extensions) is not to your liking then there are many volunteers who will help you by giving advice. There are several extensions that can achieve what you require. If you decide to give up using Joomla and want to create a static html site then you will need to see http://getbootstrap.com/2.3.2/scaffoldi ... gridSystem that Per Yngve Berg posted.
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"When I'm right no one remembers but when I'm wrong no one forgets".


Locked

Return to “General Questions/New to Joomla! 3.x”