Joomla Extensions Club 20,483 posts

[bonzomedia Friend bonzomediaJoin date: March 2011Posts: 7Downloads:0Uploads:1 Thanks: 2]

#196104

Hi,

Can you advise how I can effectively group the search widgets into columns please?

You can see from the attached screenshot what I’d like to achieve….

Thanks

---

Attachments:

1. 

[Thanh Nguyen Viet Friend Thanh Nguyen VietJoin date: September 2014Posts: 1461Downloads:0Uploads:44 Thanked: 258 times in 217 posts]

#527963

It is an css issue, to resolve this please open the file http://clients.bonzomedia.co.uk/webmonkey/staging2/modules/mod_jak2filter/assets/css/style.css

Find the following rule:

div ul.ja-k2filter li {
background: none;
margin-bottom: 20px;
overflow: visible;
padding: 0;
}

And replace it with:

div ul.ja-k2filter li {
background: none;
margin: 0 0 20px 0 !important;
overflow: visible;
padding: 0;
}

In the extra fields manager page in K2 back-end, you need to swap position of “REGATTAS” field and “MINS. WALK YACHT HAVEN” field, to get 2 sliders displayed in the same column.

[bonzomedia Friend bonzomediaJoin date: March 2011Posts: 7Downloads:0Uploads:1 Thanks: 2]

#528043

Thanks – that’s helped a little – however the Regattas block is a Tags block (renamed). How can I break the column after the Tags block?

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528058

do you want the layout to be as this image attached below. If I’m wrong post me a screenshot, will check and revert on this.

---

Attachments:

1. 

[bonzomedia Friend bonzomediaJoin date: March 2011Posts: 7Downloads:0Uploads:1 Thanks: 2]

#528061

Chavan, Yes that would probably work!!

For now I changed the layout to be 5 columns, added in a class for the tags block by changing default.php on this line:-

$style =’style=”‘.$ja_column.$clear.'” class=”tagBlock”‘;

and am forcing this to be wider than the other columns in my CSS

li.tagBlock {width: 30%!important;}

Although it’s improved, your layout might actually look better.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#528063

Try this

Go to this File: /templates/velocity/css/custom.css

Add this code

#s5_sub_menu_wrap .ja-k2filter .tagBlock{
width:100% !important;
margin: 0 0 15px 0 !important;
}

.tagBlock label{
float:left;
margin-right:24px !important;
}

#tags_id_0{
clear:both;
}

.tagBlock input{
margin-right:5px !important;
}

#s5_sub_menu_wrap .ja-k2filter li{
width:30% !important;
}

1 user says Thank You to chavan for this useful post

1. bonzomedia

[bonzomedia Friend bonzomediaJoin date: March 2011Posts: 7Downloads:0Uploads:1 Thanks: 2]

#528072

Chavan – It’s perfect, thank you very much!

[Author]

Posts