CSS on site question

Hi Guys,

On my site here

http://bodyfirst.ie/bodyfirst-blog

you see the "comments off" is overlapping the text, how can i get that so it displays correctly?

Thanks guys as always
jonathanduane2010Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Prasadh BaapaatWeb Designer & DeveloperCommented:
Hi Jonathan,
I checked you link and the comments text looked all jumbled like below image:
comments text all jumbled up
I looked up the page thru Firefox Inspect element and made some changes to CSS and added a new class as given below:
/* I Changed below styles on line 17 in style.css */
.blog-bazar .blog-bazar-header .comments span, .blog-bazar .blog-bazar-header .comments span a {
    color: #909091;
    font-family: "Oswald";
    font-size: 20px;
    min-width: 230px;
    right: 18px;
    bottom: 0px;
    position: relative;
    text-align: right;
    line-height: 40px;
}
/* Add this new Style */
.screen-reader-text {
    padding-left: 20px;
}

Open in new window


here is how the page looks now with the comments text straightened up
comments text straightened up

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Prasadh BaapaatWeb Designer & DeveloperCommented:
An afterthought:
I suggest you also check your page on mobiles.... the comments text size is quiet big, so the main text name and comments text might get overlapped...  on very small devices, comments div is hidden... but it may happen on some mobiles...

if it happens, then you can add a media query and reduce the font size a bit.

thanks,
Prasadh
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.