Hi there – I’m just starting to use the review functionality and I’m wondering how I can move the review from the default position – which seems to be the bottom of the blog – to elsewhere on the page (somewhere near the top)?
Also, it takes up quite a bit of page real estate – is there a way that someone like me with little html experience can reformat it so it takes up less space – essentially reducing the size vertically?
Thanks for your help!
Billy
Hi,
You can move the review bar by moving one line of code in the loop-single.php file like this: http://screencast.com/t/v5Lqx7a2o and you have to paste it above the title like this: http://screencast.com/t/CQL6ARbTmf
To reduce the size vertically you need to add some custom CSS. Do you have CSS knowledge?
Thank you
Ah that’s wonderful – have never edited a php file and that did the trick wonderfully – thanks man 🙂
Nope, don’t have CSS knowledge either – but could probably do with getting some! Know any simple guides on how I can edit the formatting of this review section?
Much appreciated!
Hi,
To reformat it so it takes up less space add this custom CSS:
.td-review {
margin-top: 0px !important;
margin-bottom: 10px;
}
.td-review-row-bars .td-review-desc {
padding-top: 0px !important;
}
.td-rating-bar-wrap {
margin-bottom: 0px !important;
}
.td_review_with_bars {
display: none;
}..in Theme Panel -> Custom CSS
If you want you can look for CSS Tutorials on Google there are plenty of free courses.
Ex. http://www.w3schools.com/css/DEFAULT.asp
Thank you
I will have a go at both – thanks Lucian – you’re a star!
