By René on Saturday, 01 November 2014
Posted in General Issues
Replies 9
Likes 0
Views 461
Votes 0
hi, i need a little help with css style of Ratings in JomSocial Blog Plugin. how do i get Review language, ratings counter and stars in one line?
Hello Rene,

Please try add this to your template css file:

#easyblog-app-wrapper .blog-tools {
float: right;
margin: -44px 0 !important;
}


Hope this helps.
·
Saturday, 01 November 2014 10:06
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Nik, just added your css in template.css file but it does not changed the rating style!
·
Saturday, 01 November 2014 18:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I've checked your site and the additional css style is already there:
·
Monday, 03 November 2014 13:41
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Nik, but css style is not working!? should look like attached screenshot!

please delete above screencast link..thanks: )
·
Monday, 03 November 2014 15:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

If you see my screenshot of your site, the style is working. All is in one line.
·
Monday, 03 November 2014 15:40
·
0 Likes
·
0 Votes
·
0 Comments
·
hi Nik, but it should look like in my Screenshot above!
·
Monday, 03 November 2014 18:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

I'm sorry about the confusion earlier. Please try adding this css instead:

.joms-newsfeed-item .blog-ratings form > div {
display: inline-block;
vertical-align: middle;
}


If this doesn't work, you might want to re-provide your FTP access because, I can't access it.
·
Monday, 03 November 2014 19:09
·
0 Likes
·
0 Votes
·
0 Comments
·
hi nik, no problem..thanks for your help.

i'v fixed the remaining layout with following code:

#easyblog-app-wrapper .blog-ratings .ratings-value {
margin: 2px 5px 0px 5px;
padding: 1px 1px 2px 4px;
}
body .ui-stars-star, body .ui-stars-cancel {
margin-top: 1px;
}
#easyblog-app-wrapper .post-date {
display: inline-block;
}
·
Tuesday, 04 November 2014 08:20
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Rene,

Great! Glad you have solved it.
·
Tuesday, 04 November 2014 10:25
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post