Joomla Templates Club 406,261 posts

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#208337

Where on the css file could I reduce the line spacing in the category items in Jadirectory. The listing is quite large and I desperately want to reduce the line spacing to contain all the items. Kindly view the attached file. Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#576579

Try to create templates/ja_directory/css/custom.css file and add new rule

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 26px 0 0;
}

div.k2CategoriesListBlock ul li a {
margin: 13px 0;
}

Then change to the value which suits your need.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#642892

Try to create templates/ja_directory/css/custom.css file and add new rule

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 26px 0 0;
}

div.k2CategoriesListBlock ul li a {
margin: 13px 0;
}

Then change to the value which suits your need.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#741549

Try to create templates/ja_directory/css/custom.css file and add new rule

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 26px 0 0;
}

div.k2CategoriesListBlock ul li a {
margin: 13px 0;
}

Then change to the value which suits your need.

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#576622

I have created the custom css file in /templates/ja_directory/css/custom.css applied the code without any changes and uploaded it accordingly. However the spacing did not change at all. Any clues how else I can achieve that. Thanks

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#642935

I have created the custom css file in /templates/ja_directory/css/custom.css applied the code without any changes and uploaded it accordingly. However the spacing did not change at all. Any clues how else I can achieve that. Thanks

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#741592

I have created the custom css file in /templates/ja_directory/css/custom.css applied the code without any changes and uploaded it accordingly. However the spacing did not change at all. Any clues how else I can achieve that. Thanks

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#576685

<em>@winbelltrade 481708 wrote:</em><blockquote>I have created the custom css file in /templates/ja_directory/css/custom.css applied the code without any changes and uploaded it accordingly. However the spacing did not change at all. Any clues how else I can achieve that. Thanks</blockquote>

I need to check this bug directly on your site, you can pm me URL of your site and admin login backend site.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#576805

<em>@winbelltrade 481549 wrote:</em><blockquote>Where on the css file could I reduce the line spacing in the category items in Jadirectory. The listing is quite large and I desperately want to reduce the line spacing to contain all the items. Kindly view the attached file. Thanks.</blockquote>

I reduced the spacing from in the category items on your site from custom.css file and you can change the value in red text below to your desired value


div.k2CategoriesListBlock ul li a {
margin: 5px 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 15px 0 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li > a {
padding-bottom: 8px !important;
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#643118

<em>@winbelltrade 481549 wrote:</em><blockquote>Where on the css file could I reduce the line spacing in the category items in Jadirectory. The listing is quite large and I desperately want to reduce the line spacing to contain all the items. Kindly view the attached file. Thanks.</blockquote>

I reduced the spacing from in the category items on your site from custom.css file and you can change the value in red text below to your desired value


div.k2CategoriesListBlock ul li a {
margin: 5px 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 15px 0 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li > a {
padding-bottom: 8px !important;
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#741774

<em>@winbelltrade 481549 wrote:</em><blockquote>Where on the css file could I reduce the line spacing in the category items in Jadirectory. The listing is quite large and I desperately want to reduce the line spacing to contain all the items. Kindly view the attached file. Thanks.</blockquote>

I reduced the spacing from in the category items on your site from custom.css file and you can change the value in red text below to your desired value


div.k2CategoriesListBlock ul li a {
margin: 5px 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li ul {
margin: 15px 0 0 !important;
}

.t3-section .k2CategoriesListBlock .level0 > li > a {
padding-bottom: 8px !important;
}


[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#577413

I have applied the code severally but the spacing does not reduce to single line. Any assistance will be very welcome. The spaces marked with red lines need to be reduced.

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#643710

I have applied the code severally but the spacing does not reduce to single line. Any assistance will be very welcome. The spaces marked with red lines need to be reduced.

[winbelltrade Friend winbelltradeJoin date: July 2015Posts: 32Downloads:353Uploads:8 Thanks: 1]

#742357

I have applied the code severally but the spacing does not reduce to single line. Any assistance will be very welcome. The spaces marked with red lines need to be reduced.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#577448

Look at the both images below, before and after to fix the spacing of CategoriesList on your site

+ Before

+ After

[Author]

Posts