Hello again...
I'm using the phoca rhein template. I'm using 3 columns. In the middle one are the "important articles", one from left to right and then below it, 3 columns with 3 articles. I would like to have only 2 columns with to articles, is that possible?
Thank you...
Important articles
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Important articles
Hi, yes, if there are not defined any modules in 3 column, then only two columns are displayes. To see which module positions are related to 3 column, check this article:
https://www.phoca.cz/documents/16-joomla ... a-template
Jan
https://www.phoca.cz/documents/16-joomla ... a-template
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Newbie
- Posts: 8
- Joined: 05 Aug 2011, 16:44
Re: Important articles
Thank you, Jan, but I think that I dind't explain my problem very well.
My problem is not about modules but abour articles in the main page. By defoult there are 4 artiles, a big one that goes from left to right and below it there are 3 articles in 3 columns... those articles are "prominent" articles that I can configured in the backend in the articles manager.
What I want is to have only 2 columns with 2 articles (plus the first one) in the main page. I have found this code in the layout.css that I suposse is the key... but I need further help:
My problem is not about modules but abour articles in the main page. By defoult there are 4 artiles, a big one that goes from left to right and below it there are 3 articles in 3 columns... those articles are "prominent" articles that I can configured in the backend in the articles manager.
What I want is to have only 2 columns with 2 articles (plus the first one) in the main page. I have found this code in the layout.css that I suposse is the key... but I need further help:
Code: Select all
.shownocolumns {
width: 98% !important;
}
.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}
.cols-2 .column-1 {
width: 46%;
float: left;
}
.cols-2 .column-2 {
width: 46%;
float: right;
margin: 0;
}
.cols-3 .column-1 {
float: left;
width: 45%;
padding: 0px 5px;
margin-right: 4%;
}
.cols-3 .column-2 {
float: left;
width: 45%;
margin-left: 0;
padding: 0px 5px;
}
.cols-3 .column-3 {
float: right;
width: 0%;
padding: 0px 5px;
}
.items-row {
overflow: hidden;
margin-bottom: 10px !important;
}
.column-1,
.column-2,
.column-3 {
padding: 10px 5px;
}
.column-2 {
width: 55%;
margin-left: 40%;
}
.column-3 {
width: 0%
}
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Important articles
Hi, in such way you need to overwrite the whole output - not only css, as you need to add add the articles to tree columns - and the html is produced by Joomla! self
Jan
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Newbie
- Posts: 8
- Joined: 05 Aug 2011, 16:44
Re: Important articles
Ok, thank you for the answer... what I have done is to make first and second column 50% each and not to put any article in the third one. I have tried in ie, firefox and chrome and it is ok...
Thank you...
Thank you...
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact: