1. Marjolein
  2. Commercial Templates
  3. Tuesday, 22 January 2013
  4.  Subscribe via email
Hi there Ciaran,

Is it possible to add the following css to the evolution template (I don't know which css file would be appropriate but I'm guessing nexus.css), making an article text into 2 or 3 columns with uneven proportions:

<div class="one_fourth_first">
Your text here ...
</div>

followed of course by
<div class="three_fourth_last">
Your text here ...
</div>

or similarly for one-third / two-third division:
<div class="one_third_first">
Your text here ...
</div>

followed by
<div class="two_third_last">
Your text here ...
</div>

I have tried to just add this code in the JCE-editor, but nothing happens, so I think you must first add it to the CSS somewhere. The CSS I found with the template this code is from, was the following:

/*******************************************************************************/
/* Column Main - Component
/*******************************************************************************/

#colmain
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: justify;
overflow: hidden;
}

#colmain #component
{
margin: 0px 0px 25px 0px;
float:left;
overflow: hidden;
}


#colmain #component h1,
#colmain #component h2,
#colmain #component h3
{
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}

#colmain #component .one_fourth_first,
#colmain #component .three_fourth_first,
#colmain #component .one_third_first,
#colmain #component .two_third_first,
#colmain #component .one_half_first
{
clear: both;
float: left;
}

#colmain #component .one_fourth,
#colmain #component .one_third
{
float: left;
}

#colmain #component .one_fourth_last,
#colmain #component .three_fourth_last,
#colmain #component .one_third_last,
#colmain #component .two_third_last,
#colmain #component .one_half_last
{
float: right;
}

Please let me know if I'm asking the impossible or simply too much. Any help is appreciated.
Kind regards,
Marjolein
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Marjolein

Putting your CSS to the end of your templates nexus.css should work fine however I would change all instances of #colmain #component to .maincontent to match the class names of your template. You can also simply add it to the Custom CSS field of your templates parameters.

CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.