× Help Forum English

[SOLVED] Event List - Size of Date Box

Start
Prev
1
Next
End

robcey
Topic Author
Fresh Boarder

2 years 6 months ago - 2 years 6 months ago #11471 by robcey

[SOLVED] Event List - Size of Date Box was created by robcey

Hi Team,
New to iCagenda - All has worked really well for the basic way that I use it.
I have one problem that I cannot find the answer to.
I have the date and time set to Show for the event, but, the time cannot be seen.
Here is the link to my calendar ( bbsgc.com.au/index.php/calendar )
Could you please tell me where the size of the Date Box (about 2cm x 2 cm) can be made bigger for the Event List?
Thanks
Rob

Last edit: 2 years 6 months ago by Lyr!C. Reason: [SOLVED]

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

Lyr!C
Administrateur
Lead Developer

2 years 6 months ago #11488 by Lyr!C

Replied by Lyr!C on topic [SOLVED] Event List - Size of Date Box

Hello,

Yes you're right, when all options selected, not really nice with default theme pack (some changes for theme packs are planned for next year, with a new system i will introduced little by little to simplify theme pack, and add options

)

So today, you can use the Custom CSS option of iCagenda.

Go to Global Options of component > General Settings tab > Custom CSS textarea option (at the bottom).
And then, enter this custom css declaration :

.ic-box-date {
    width: 85px;
    height: 85px;
}

And activate custom CSS.

This should solve the display

Hope this helps ?
Best Regards,
Cyril

I'm currently on vacation from 15 June to 25 June, 2018

Lastest version : 3.7.2
This version integrates a new Google Maps service : Embed Maps (unlimited requests with an API key)
See Google Maps new pricing: developers.google.com/maps/billing/understanding-cost-of-use

We recommend every user to keep your iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

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

robcey
Topic Author
Fresh Boarder

2 years 6 months ago #11502 by robcey

Replied by robcey on topic [SOLVED] Event List - Size of Date Box

Hi Cyril,
Thanks for the response and code to correct the box size.
It worked straight off.
Regards
Rob

The following user(s) said Thank You: Lyr!C

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

Lyr!C
Administrateur
Lead Developer

2 years 6 months ago #11519 by Lyr!C

Replied by Lyr!C on topic [SOLVED] Event List - Size of Date Box

Great!

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

papi78
Fresh Boarder

4 months 1 week ago #15365 by papi78

Replied by papi78 on topic [SOLVED] Event List - Size of Date Box

Hi,
Sorry, but the usage of fixed size in pixels will generate empty areas on the right screen side.
To keep the full width and the better compatibility with all terminals, it is better to touch the % of size, like in the original css.

So, overwrite the CSS as mentionned upper by :
.ic-box-date {width: 6%}
.ic-content {width : 84%}

The display will be better as using fixed pixel size for ic-box-date without resizing the container.

The following user(s) said Thank You: Lyr!C

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