Spacing Issue - another confusing problem

HTML & CSS
1

Hello again,

I am having quite an annoying issue with a plug in I am using for a wordpress site I am working on.

http://mgdesign.hostultra.com/WP_Experiment/

on the left side I am using a plug in called “utech-latest-posts”. This plug in will pull in the latest news to the side. There is no style sheet for this and I have tried to style the list to allow for bottom spacing margins.

However, nothing I try seems to respond and it doesnt space out… I can do small edits such as alter padding and link colour properties, but not spacing.

Any ideas why?

2

I don’t see anything there on the left side. There is just an almost empty Facebook box.

3

Can you not see the box above the Facebook side box, latest news? :confused:

There should be 5 links there, all clumped together. There are for me on iPhone and other machines

4

Ah yes, I see that. You just didn’t make it clear that this was the bit you were referring to.

There is a style sheet for that, located here:

http://mgdesign.hostultra.com/WP_Experiment/wp-content/themes/Magnificent_2/style.css

5

Yes thats the main stylesheet… I have added code in there to try and alter the spacing, nothing responds.

I can alter the background and hover that’s about it. when I try to stick space on between links they all stay together

6

Just add some css to move then down.


.utech-latest-posts li{margin-bottom:10px}
7

I’ve already tried that in a few different ways. Doesn’t work :confused:
uploaded it now anyway.

I think it must be with the plugin being on its own, it’s just one php file with no CSS

8

My code always works :slight_smile: I never give out code that hasn’t been tried and tested. The above code works fine and is working now on your live site using firebug so I know it works.

Either we are talking about different things or you have implemented the code incorrectly.

If you want a margin bottom on the list elements in that box then the code I have given is correct and working. Just add it to your css file and upload it. If it isn’t working when added to your css file then we can address the problem once I see the code in your file.

9

It’s in my code @ line 169 :slight_smile:

10

Sorry man it works I have absolutely no idea why it wouldn’t work for me there.

Legend, cheers!!!

:slight_smile:

11

No it’s not lol :slight_smile:

Firebug shows the rule as empty which means the property value isn’t there or isn’t recognised.

Looking at your actual stylesheet we find this:


.utech-latest-posts ul li {
	margin-botttom:15px;
}

As I said above: :slight_smile:

or you have implemented the code incorrectly

There is no property margin-botttom: but there is one called margin-bottom.

Don’t worry typos are easily made but try and make a point of validating your code before you go searching for bugs as simple typos trip us all up.

12

Thanks man, sloppiness on my behalf.

:frowning: