Change the size of the text "vote up, vote down"

Hi there,

You have you use your stylesheet (perhaps called style.css ?) inside your theme.

Give this a try and see how it goes. Modify it to fit your needs:

.thumbs-rating-container .thumbs-rating-already-voted:before{

	font-size: 20px;
}

Hi,

Thank you for your quick response.
I have tried few different codes, one like yours, but it changed only the size of the text “You already voted”, not the text “Vote Up”, “Vote Down”.
I don’t know why.
Thank you.

Nam.

Alright, this worked for me locally:

.thumbs-rating-container .thumbs-rating-up,
.thumbs-rating-container .thumbs-rating-down {

    font-size: 22px;
}

Thank you very much.
I figured it out by adding

font-size: 20px

to the original code in the file thumbs-rating/css/style.css

like this:

.thumbs-rating-container .thumbs-rating-up{

	background: #a4c346;
        font-size: 20px;
}

.thumbs-rating-container .thumbs-rating-down{

	background: #c84848;
        font-size: 20px;
}

And that works perfectly.

Thank you very much.

You should not add the code to the original file because on the next plugin update you’ll lose the changes.

Add it to your styles.css file

Try adding !important after the rule. For instance:

font-size: 20px !important;

Thank you very much.
That works perfectly.
However, how can I set up this to be responsive because when it’s large enough for desktop users, it’s quite too big for mobiles’?
Thank you.

Nam.

You have to play with media queries:

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Great! Thanks a lot.