Can someone look at this CSS regarding BLOG content ?

[ROUBOS]

I have the following css code:

div.blogleading{
   width: 100%;
   border: 1px solid #ffffff;
   padding: 10px;
}
div.blogrow{
   width: 100%;
   border: 1px solid #ffffff;
   padding: 10px;
}


I want the blogleading content item to be displayed exactly the same as every other content item listed in the blog content category.

But what's happening is the "read more..." button, is not placed the same way. Why?
Can someone guide me through the css for this?

thanks.

[webgift]

Answer : Have you install a firefox add-on named Web Developer ?

[ks-net]

depending on tpl...

if okto(and others) then there is a different parameter for blogheading.. something like this:


/* read more link */
a.readon:link, a.readon:visited { }
a.readon:hover { }

/*blogleading  read more link  overwrites the above*/
div.blogleading a.readon { }


Ps. always look at source code to see what classes are printed, then you will know where and what to modify.