XiUS Docs > Tips and Tricks > Display Searched Result Horizontally

Display Searched Result Horizontally

If u need to display search result horizontally then you can do it by template overriding

Please follow these steps to do this:

  1. You have to override the file result.css so for this open that file Path:: ROOT->components->com_xius -> assets - >css ->result.css
  2. Copy file and paste it at path:: ROOT->Template->JOOMLA TEMPLATE->html->com_xius->assets->css->result.css
  3. Find ".xiusMp" class and then set width according your requirements and adjust mini-profile by float property.


For example:If you want width of mini profile as 277px and height as 377px then
change this code from-
.xiusMp
{
border:1px solid #dddddd;
margin:5px 3px;
overflow:hidden;
-moz-border-radius:2px;
}

to
.xiusMp
{
border:1px solid #dddddd;
margin:5px 3px;
overflow:hidden;
-moz-border-radius:2px;
width:277px;
float: left;
min-height: 377px;
}

Click Here to see more.


  • Tuesday, 20 September 2011

Comments (0)

Leave a comment

You are commenting as guest.