Main menu

Forum


× Help Forum English

Two columns / custom css for second column

  • jjarecki
  • Topic Author
  • Junior Member
  • Junior Member
More
6 years 10 months ago #16799 by jjarecki
Hi,
I was bought subscription and have design question:

I would like to have two different CSS for each one column.
Is there any chance that i can have custom css class for col1 and col2?
(i will write my own style - but i dont know how i can distinguish two columns because now - they have the same classes).

How it's made now:


I would like to have like below:


I will be grateful for your help.

Best Regards
Jarek
Attachments:

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

  • Lyr!C
  • Lyr!C's Avatar
  • Administrator
  • Administrator
  • Lead Developer
More
6 years 10 months ago #16801 by Lyr!C
Replied by Lyr!C on topic Two columns / custom css for second column
Hello here,

As answered with pro support, i put my answer here too in case it could help others:

About CSS for module, the way is to use nth-child www.w3schools.com/cssref/sel_nth-child.asp on class ic-col (or ic-col2)
The col2 si not 2 for second column, but as for Bootstrap's span, it's the number to divide the full width of a parent element.


Best regards,
Cyril

Latest version : iCagenda 4.0.17 Joomla! 4 > Joomla! 6
We recommend every user to keep iCagenda updated.
Support for iCagenda version 3.9 (the final version compatible with Joomla 3) ended on October 13, 2026
Extended security support for the iCagenda PRO 3.9 version until October 13, 2027 (to benefit from this extended support, you must have a Pro subscription: www.joomlic.com/extensions/icagenda)
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) .

File Attachment:

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

Moderators: Lyr!C
Time to create page: 0.037 seconds

Follow Us

Create your Joomla templates with Template Creator CK

acymailing logo new