tmpl news (universal module) CSS for two columns

esinet
Topic Author
Offline
Platinum Member

11 years 2 weeks ago #47474 by esinet

tmpl news (universal module) CSS for two columns was created by esinet

Bonjour,
i'm trying News in Universal Content Module for FLEXIcontent
I asked two colons, i've got two colons but items are only in the first ...
Can you tell me why
Thanks a lot

Joomla 3.9.14 /3.6.5 FLEXIcontent v 3.3.1.6

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

11 years 2 weeks ago #47490 by ggppdk

Replied by ggppdk on topic tmpl news (universal module) CSS for two columns

Hello

colons ? you mean "columns" ?

if you display 10 items

and the parameter "number featured items" is 4
then
- you will see 4 items in full width
- and 6 items in columns

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

esinet
Topic Author
Offline
Platinum Member

11 years 2 weeks ago #47503 by esinet

Replied by esinet on topic tmpl news (universal module) CSS for two columns

Thanks for answer ...
I made a rapid joomla site to be understand.
I made a news module
6 items and 0 featured items in 2 colons
But i only see one colons on 46% width, on firefox, google, safari except on my ipad
Here is the problem : besace.info/joomla

Thanks for your help

PS : I made update to 2.2.0

Joomla 3.9.14 /3.6.5 FLEXIcontent v 3.3.1.6

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

11 years 2 weeks ago #47514 by ggppdk

Replied by ggppdk on topic tmpl news (universal module) CSS for two columns

Hello

there is an issue with new.css sizes of the ITEM CONTASINER for TWO columns:

46 + 2%(left+right padding) + 2%(left+right margin)
= 50%, thus a total of 100% for 2 item containers

but then you also have border 1px so the items containers will not fit in 2 columns and they fold,

Apply a fix now, (will commit fix for v2.2.0 final too)

find in
modules/mod_flexicontent/tmpl/new/news.css:

Code:

/* EXTERNAL ITEM CONTAINER (TWO COLUMNS) */
.news.mod_flexicontent_wrapper .mod_flexicontent.twocol .mod_flexicontent_standard_wrapper {
	width:46%!important;
	margin-left:1%!important;
	margin-right:1%!important;
	padding: 1%!important;
}

and also add inside {...}

Code:

border-width:0px !important;

Regards

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

11 years 2 weeks ago #47525 by ggppdk

Replied by ggppdk on topic tmpl news (universal module) CSS for two columns

Hello

(please see our answer above)

-- fixed news.css in r1910

-- and also added 1-8 columns for both:
"featured" and "standard" items, thus layout should be more flexible too

Please Log in or Create an account to join the conversation.