Simple CSS UPDATE

More
11 years 11 months ago #32736 by igcorreia
Simple CSS UPDATE was created by igcorreia
In the category we can select how many columns we want in the blog template: so 2,3 or 4 columns.

I would like to the Classes in the <li> to reflect this.

So when 2:
<li class="odd">
<li class="even">

When 3:
<li class="odd first">
<li class="even middle">
<li class="odd last">

When 4:
<li class="odd first">
<li class="even second">
<li class="even third">
<li class="odd last">

This is an idea. Thanks.

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

More
11 years 11 months ago #32747 by ggppdk
Replied by ggppdk on topic Simple CSS UPDATE
if i remember right we aldready have col1, col2, col3, col4
?


-- 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.

More
11 years 11 months ago #32751 by igcorreia
Replied by igcorreia on topic Simple CSS UPDATE
This is what we have.

My suggestion is a little different.

Usually with this lists we user margin-left:10px

and the LAST item must have margin-left:0

The same applies if we use margin-rigth then we need to use the fisrt.

Other designer prefer to user the ones in the middle.
Attachments:

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

More
11 years 11 months ago #32754 by ggppdk
Replied by ggppdk on topic Simple CSS UPDATE
What about using CSS-2 pseudo class 'last-child' ?
Code:
ul#introblock li.odd:last-child, ul#introblock li.even:last-child { margin-left:0; } ul#introblock li.odd:last-child, ul#introblock li.even:last-child { margin-left:10px; }


-- 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.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.377 seconds
Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline