How To Change The Review System Design

Hello TagDiv,

Where can I possibly find the CSS for the review system?
At the moment I would like to change these following:

– Font: I can’t seem the find where this is in the font panel.

– Headings: I would like to remove the standard black box around the heading and float-left this. Similar to how this code was used: .block-title span {
background-color:white;
}

Please let me know.
Thanks,

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/Cjg6PN4I

.td-review-summary-content{
font-size: 15px;
}
.td-review .block-title {
background-color: white;
color: black
}

Let me know how it goes and if this is not what you mean please provide more specific details about what your trying to do, also a screen pointing the desired result will help, so I can inspect this closer and get back to you with the proper code.

Thanks!

Hi Andrei,

Thank you for the code above.

For the headings, this is perfect. How can I float the titles so they align left? I will be making the review block title transparent.

Also, I would like to know how to change the actual font typeface. I can’t find this option in the panel?

Hi

Replace the above css with this one: http://screencast.com/t/44TTHHROJZ8

.td-review-summary-content{
font-size: 15px;
}
.td-review .block-title {
background-color: white;
color: black;
float: right;
font-size: 12px;
font-style: italic;
}
.td-review-summary .block-title{
position: relative;
}
.td-review-summary-content{
clear: both;
}

This code it’s just as example and can be customized so that you get the desired result.

Thinks!

Hi Andrei,

Thanks for sending me the above code, I have modified it to how I need.
The only other changes that I need to make are in this screenshot:

http://postimg.org/image/fi92wtnj9/

As you can see, I want to change these two things:

1) RED ARROWS: I need the block titles to float all the way to the margin left as I have done with “review title” (this was done on Photoshop).

2) BLUE ARROWS: I want to change the actual FONT of everything in blue. At the moment they are set to OPEN SANS. Where can I change this so I can choose a different font?

Thanks for all your help so far.

Hi

I appreciete that you provided a screenshot pointing the desired rezult, it helps fur a better understanding of what you’re trying to do.
Replace again all css with this one: http://screencast.com/t/g2o7VtcqtQS

.td-review-summary-content{
font-size: 15px;
}
.td-review .block-title {
background-color: transparent;
color: black;
padding-left: 0!important;
}
.td-review-desc{
font-family: sans-serif;
}

Thanks

Hello;

Can i get something like this? or this is only available on newsmag?

http://i66.tinypic.com/67o8j9.jpg

Hi

Please provide your site url and more specific details about what you’re trying to do so I can inspect this closer and get back to you with a more accurate answer.

Thanks!

Hello;

my site is http://www.healthable.org i want my review widgets to look like this http://i66.tinypic.com/67o8j9.jpg

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/rMS823Nx

.td-review-row-bars .td-review-desc, .td-review-final-score, .td-review-percent {
display: none;
}

Thanks!

Hello;

Its not working http://www.healthable.org/inside-breast-active-unfolding-mystery-dignity-happiness/

below is my CSS but its not working

/* Change review view */
.td-review-desc,
.td-review-header .block-title,
.td-review-percent {
display: none;

}

I want mine to look like this http://www.techrez.com/tecno-boom-j8-review/

Thanks

Hi

Try to replace the above css with this one, it should work fine: http://screencast.com/t/rtfWjgVZY

.td-review-header, .td-review-details, .td-review-final-score{
display: none;
}
.td-review .block-title{
padding: 2px 15px 2px 15px;
font-size: 11px;
border-radius: 3px;
}
.td-rating-bar-wrap div{
background: #4db2ec;
}
.td-review {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
background-color: #f5f5f5;
width: 100%;
margin-bottom: 20px;
}
.td-review td {
padding: 18px 19px 20px 20px;
}

Thanks!

Hello;

Thank you very much, will this code also work for Newsmag? planning on buying that too.

Regards

Hi

The code will work for Newsmag and the rezult will be like here: http://screencast.com/t/Ed48dZifX5
Thanks!

THanks

Hi, is there a way to change the “Review Overview” tag with the current post title?

Thanx in advance.

Hi

Yes it is possible but you will need a bit of codeing to achieve the desired result. Edit td_review.php file and add the indicated code like here: http://screencast.com/t/UwUvX7oQSl The result should be like here: http://screencast.com/t/ScASVGxUBJ Here you can find the modified code for render_table_head(): http://pastebin.com/qRJhSeAq

Thanks!

Thanx a lot. 😀