My custom template doesn't support articles in multiple columns

ozshots · Post by **ozshots** » Sat Mar 24, 2018 11:52 pm

Hi Everyone,
I have a problem with my custom template. It was done a good while ago and I can't reach the developer.

If I create "featured articles" menu, and specify 2 columns under layout, it renders with a single column - please ignore unrelated warnings and sorry it's in Russian:
https://russianchurchindandenong.com.au ... d/ru/home4

If I create exactly the same menu but specify another template, it renders 2 columns as expected (again please ignore unrelated errors)
https://russianchurchindandenong.com.au ... d/ru/home3

I'm not even sure if problem is with CSS or PHP and I'm totally stuck; any help will be great. Template files are attached.

effrit · Post by **effrit** » Sun Mar 25, 2018 3:56 am

hi
add this to the end of template css, then delete cach

Code: Select all

.cols-2 div.item {
    width: 46%;
    padding: 2%;
    overflow: hidden;
}

ozshots · Post by **ozshots** » Sun Mar 25, 2018 5:50 am

effrit wrote:hi
add this to the end of template css, then delete cach

Awesome, thank you! This is a great start; I have all articles in the left column.
Can you please extend the magic so articles appear in both left and right columns?

Thank you,

Alex

effrit · Post by **effrit** » Sun Mar 25, 2018 5:56 am

this is not awesome because you not did what i write.
https://russianchurchindandenong.com.au/newdand/cache/
clean files inside this folder, press ctrl+f5 in browser

effrit · Post by **effrit** » Sun Mar 25, 2018 6:02 am

modify string
width: 46%;
to
width: 46% !important;
clean cache again

ozshots · Post by **ozshots** » Sun Mar 25, 2018 6:19 am

Thank you so much buddy,
that was cash issue :-)

Much appreciate your help!

ozshots · Post by **ozshots** » Sun Mar 25, 2018 7:50 am

One more request if I can: can mobile devices render a single column? I know I'm pushing the boundaries :-)

effrit · Post by **effrit** » Sun Mar 25, 2018 7:58 am

you can read this
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
and add condition with
width: 100%;
for your columns inside it

Post by **Per Yngve Berg** » Sun Mar 25, 2018 8:09 am

You are missing that functionality because you don't load Bootstrap in your template.

http://getbootstrap.com/2.3.2/scaffoldi ... gridSystem

Bootsrap is loaded in the head section of index.php

Code: Select all

JHtmlBootstrap::framework();

ozshots · Post by **ozshots** » Sat Apr 14, 2018 3:17 am

Hi All, thank you for your help. I have another question: why there are gaps between the articles??? How can I fix that?

https://russianchurchindandenong.com.au/newdand/ru/

The Joomla! Forum™

My custom template doesn't support articles in multiple columns

My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns

Re: My custom template doesn't support articles in multiple columns