Important articles

Phoca Templates - templates for Joomla! CMS
jrbarricane
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 05 Aug 2011, 16:44

Important articles

Post by jrbarricane »

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...
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Important articles

Post by Jan »

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
If you find Phoca extensions useful, please support the project
jrbarricane
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 05 Aug 2011, 16:44

Re: Important articles

Post by jrbarricane »

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:

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%
}

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Important articles

Post by Jan »

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
If you find Phoca extensions useful, please support the project
jrbarricane
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 05 Aug 2011, 16:44

Re: Important articles

Post by jrbarricane »

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...
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Important articles

Post by Jan »

Ok
If you find Phoca extensions useful, please support the project
Post Reply