Elxis CMS Forum

Extensions => Templates => Topic started by: tallone on March 04, 2008, 19:32:34

Title: Converting okto from liquid to fixed.
Post by: tallone on March 04, 2008, 19:32:34

Hi,

I'm trying to convert the okto template from liquid to fixed style.
And I'm also trying to add a role-over image in the left menu, for the categories.

Is this possible or is it fundamentally wrong to try?

Anyone knows where in the css I should place e.g.
a:hover {
   background:#ffffff url(../images/menu_on.gif) repeat-x left top;
}   ?
I tried but with no luck until now.
In Elxis 2006 that was straight forward but I'm having difficulties with 2008

Thanks

Title: Re: Converting okto from liquid to fixed.
Post by: datahell on March 04, 2008, 19:39:34

Open layout.css and layout-rtl.css
Go to line 25:

#mainwrap {
     width:90%;
     .....
}

Change width to anything you want, i.e. : 80%, 100%, 950px, 760px, etc...

Title: Re: Converting okto from liquid to fixed.
Post by: tallone on March 04, 2008, 20:02:35

That worked fine. Thanks.

How about adding a roll over image in the menu.
Is the div.item_sectioncategory in the customize that needs to be altered?

Title: Re: Converting okto from liquid to fixed.
Post by: datahell on March 04, 2008, 20:23:03

For rollovers you should use the css :hover attribute.
Example:

li.xxxx a:hover {
   color: red;
}

I dont know what exactly you want to do, it is hard to have a good whole view from here.
I advise you to check your html code (view source), locate the exact point you want to apply css and make changes to css file.

Title: Re: Converting okto from liquid to fixed.
Post by: tallone on March 04, 2008, 21:26:40

Thanks a lot Datahell, that was a good advise actually.

Viewing the source html to figure out what css influences what, it helped me a lot.

 ;D