CODEWITHSUNDEEP
ruby-on-railshtmlcssruby-on-rails-4
Apane101
Apane101

Reputation: 1123

Css styling in rails

So, I'm working on this project (http://www.leapfm.com/) and I've been gathering feedback. One point was:

the 1 like, posted 5 days... bit is further away from the link it is connected to than the link below it. "James Blake - Retrograde" -> 1 like -> looks like it could belong to "Paris - Magic Man"

But I'm having trouble fixing that putting a padding: 0; on the subtext class isn't working.

How can this be done?

Code snippit (pretty sure it's on this element): 

.subtext {
font-family: Verdana;
font-size: 7pt;
color: #828282;
padding: 0;
margin: 0;
}

Upvotes: 0

Views: 55

Answers (2)

RbG
RbG

Reputation: 3193

add below code to your .subtext

position:relative;
top:-10px;

EXAMPLE:: FIDDLE

Upvotes: 1

putvande
putvande

Reputation: 15213

Apart from that your HTML markup is terrible wrong, for example you can not have a li tag within a span tag. Check your site out at http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leapfm.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0.

You can not add margin and padding to a span without it being a block object. If you add display:block to your .subtext it will sit closer to your title and can have more margin at the bottom.

Upvotes: 1

Related Questions