Forum

You must be logged in to post Login Register


Lost Your Password?

Search Forums:


 






Wildcard Usage:
*    matches any number of characters
%    matches exactly one character

Line spacing css

UserPost

8:34 pm
November 17, 2009


flyqbnboi25@aol.com

Member

posts 4

For some reason or another, i can't get the line spacing correct for my widget. It seems that there's a large space in between each twitter message and any links attached to it. What css can i use to correct this?

You can see the problem at http://alexinfiniti.com

Also, what css can i use to remove the beggining '-' dash in every message?

:)

12:07 am
November 18, 2009


AaronCampbell

Admin

posts 175

To fix the link display issue, you need to fix the line-height for links:

div.widget_twitter ul li a {

    line-height:auto;

}

To fix the dashes, you need to remove the background and left padding from the widget:

div.widget_twitter ul li {

    background:none;

    padding-left:0;

}

That should fix your issues.

Upset at my slow responses recently? Please read my explanation.

12:14 am
November 18, 2009


flyqbnboi25@aol.com

Member

posts 4

The dashes got fixed. But the line spacing still persists :

3:32 am
November 18, 2009


AaronCampbell

Admin

posts 175

Try using this instead:

div.widget_twitter ul li a {

    line-height:1em;

}

Upset at my slow responses recently? Please read my explanation.

4:50 am
November 18, 2009


flyqbnboi25@aol.com

Member

posts 4

That did the trick! Thanks so much…

Is there an easy way of adding a space in between each twitter post? It now all looks jumbled up.

It would finally be perfect.

8:38 am
November 18, 2009


AaronCampbell

Admin

posts 175

Change from this:

div.widget_twitter ul li {

    background:none;

    padding-left:0;

}

to this:

div.widget_twitter ul li {

    background:none;

    margin-bottom:10px;

    padding-left:0;

}

Upset at my slow responses recently? Please read my explanation.

6:09 pm
November 23, 2009


johnschluchter@yahoo.com

New Member

posts 1

Where do you place this last block of code to fix the line spacing issues?

3:38 am
November 25, 2009


AaronCampbell

Admin

posts 175

First, the code could vary depending on your theme, but you just need to put that in your theme's CSS file (wp-content/themes/your-theme/style.css)

Upset at my slow responses recently? Please read my explanation.

4:56 pm
January 27, 2010


info@robsmits.nl

Member

posts 5

I have the Mandigo theme in Wordpress (if that helps) but I cannot get the spacing between tweets to work. The tweets stay cramped together. The font size is the only thing I can get to work. Any ideas? Thanks.

8:41 am
February 6, 2010


AaronCampbell

Admin

posts 175

You'd need to post a link to where I can see the widget on your site.  If the theme is coded well and it's easy enough for me to find the right CSS, I'll post it here.

Upset at my slow responses recently? Please read my explanation.

9:58 am
February 7, 2010


info@robsmits.nl

Member

posts 5

de URL is http://www.robsmits.nl/

The website is in Dutch though.

7:06 pm
February 7, 2010


AaronCampbell

Admin

posts 175

Try something like this:

.widget_twitter li {

  margin-bottom:10px;

}

Upset at my slow responses recently? Please read my explanation.

3:34 am
February 8, 2010


info@robsmits.nl

Member

posts 5

Thanks for your help so far. The code doesn't work for me.

The only thing that works is font size:

.widget_twitter {

font-size:120%;

}

That's the only piece of code I can get to work. I also tried putting "margin-bottom:10px;" within these brackets, that also didn't work. I tried em instead of px, also no luck.

7:02 am
February 8, 2010


AaronCampbell

Admin

posts 175

Actually, the rules are right, but CSS assumes that the most specific rule is the most correct.  You have unusually specific rules in your stylesheet.  I added this code to it and it worked:

.widget_twitter ul li {
  margin-bottom:10px;
}

Upset at my slow responses recently? Please read my explanation.

5:44 pm
February 8, 2010


info@robsmits.nl

Member

posts 5

I added it to the css but as you can see for yourself, the margin won't budge.

It now looks like this:

.widget_twitter ul li {

margin-bottom:10px;

}

.widget_twitter {

font-size:120%;

}

I have tried different variations on where to put it but always stays the same unfortunately. 


8:30 am
February 9, 2010


AaronCampbell

Admin

posts 175

Sorry, for that rule to work it has to be near the end of your stylesheet (after line 524).  You could also just make it MORE specific like this:

li.widget_twitter ul li {
  margin-bottom:10px;
}

None of this is really and issue with the widget though, it's just a matter of learning CSS.  I recommend googling for some CSS tutorials.

Upset at my slow responses recently? Please read my explanation.

10:46 am
February 9, 2010


info@robsmits.nl

Member

posts 5

Thanks, that works!

And I will… :)


About the Xavisys forum

Forum Timezone: America/Phoenix

Most Users Ever Online: 26

Currently Online:
5 Guests

Currently Browsing this Topic:
1 Guest

Forum Stats:

Groups: 3
Forums: 25
Topics: 161
Posts: 491

Membership:

There are 261 Members

There are 2 Admins

Top Posters:

Iain – 8
Brayne – 8
checox7@yahoo.com – 6
greg@gregdowning.com – 6
Aaron Fineman – 6
SeanON – 5

Recent New Members: quepid@gmail.com, jenne, mary@mfcollier.com, eric.vanzanten@gmail.com, office@myrivne.org, outonourlimb@gmail.com

Administrators: AaronCampbell (175 Posts), Imported Questions (1 Post)