Author Topic: Changing spacing between catagories. (Read 827 times)

amcneil · « **on:** March 28, 2011, 01:36:30 PM »

Hello,
I just installed the plugin but it's putting a big space in between the categories like this.

Cat 1

Cat 2

Cat 3

I would like to change it to look more like:

Cat1
Cat2
Cat3

Any help would be greatly appreciated.

Thanks.

Peter · « **Reply #1 on:** March 28, 2011, 02:40:38 PM »

Must be a CSS thing. What's your website so I can have a look

amcneil · « **Reply #2 on:** March 28, 2011, 03:16:16 PM »

The site I'm trying to add it to is www.ideasthatbuildbusiness.com. I've kept the original category widget up while I try and work on correcting the AVH one. How they are spaced now is how I would like them to look in the AVH plugin.

Andy

Peter · « **Reply #3 on:** March 28, 2011, 04:02:04 PM »

I would also need to plugin's widget to show on the page please

amcneil · « **Reply #4 on:** March 28, 2011, 04:11:31 PM »

I've added it underneath the original Cat widget.

http://www.heilbrice.com/blog/

Andy

Peter · « **Reply #5 on:** March 28, 2011, 04:22:33 PM »

In your style.css of your theme find the text:

Code: [Select]

 .widget_categories ul li, #social-links li, #friends-list li, .widget_text ul li, .spw_widget ul li {
    padding-top: 0 !important;
}

replace it with

Code: [Select]

.widget_extended-categories ul li, .widget_categories ul li, #social-links li, #friends-list li, .widget_text ul li, .spw_widget ul li {
    padding-top: 0 !important;
}

If your theme allows to add custom CSS styles through the admin interface you can do that instead of the above, you would only need to add:

Code: [Select]

.widget_extended-categories ul li {
    padding-top: 0 !important;
}

amcneil · « **Reply #6 on:** March 28, 2011, 05:02:11 PM »

That worked perfectly. Thank you!

Andy

rod clemen · « **Reply #7 on:** June 22, 2011, 03:13:16 AM »

Hi im have problems getting rid of the extra linespace in the categories list. Can you help me aswell please

I've tried the procedure described above but it wont work (i dont have the .widget_categories) in my styles.css

www.ClemenFoto.dk

thanks, Rod

Peter · « **Reply #8 on:** June 22, 2011, 08:33:23 AM »

Rod,

Try adding this code to your inner.css

Code: [Select]

#sidebar li ul li .cat-item {
 line-height:18px;
}

Add the above code below the following code

Code: [Select]

#sidebar li {
    list-style: none outside none;
}

Should be around line 900 I believe.

rod clemen · « **Reply #9 on:** June 22, 2011, 09:53:06 AM »

thnx!!

zindadilpakistan · « **Reply #10 on:** June 26, 2011, 07:29:13 AM »

Hi,

I am also having extra linespace in the categories. Also I want to Left Align the heading names i.e "Categories" "Tag Cloud" "Recent Articles" & "Archives" Can you help me please. my website is: http://articlesblitz.com

Thanks,

Aamir

Peter · « **Reply #11 on:** June 26, 2011, 01:48:10 PM »

You've got inline CSS so I don't know where you have to edit the changes.

Original

Code: [Select]

.widget-title { -moz-border-radius-topleft:0px ; border-radius-topleft:0px ; -moz-border-radius-topright:10px ;border-radius-topright:10px ;	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;text-align:right;padding-right:5%;width:100%;}

Modified

Code: [Select]

.widget-title { -moz-border-radius-topleft:0px ; border-radius-topleft:0px ; -moz-border-radius-topright:10px ;border-radius-topright:10px ;	border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;text-align:left;padding-right:5%;width:100%;}

File: style.css Line 270
Original

Code: [Select]

ul li, ol li {
    padding: 2px 0;
}

Modified

Code: [Select]

ul li, ol li {
    padding: 0;
}

zindadilpakistan · « **Reply #12 on:** June 27, 2011, 05:02:32 AM »

Thanks Peter,

The line spacing in Categories has been resolved. I am still fighting with Left Alignment of the headings

News:

Changing spacing between catagories.