CSS help needed for commentsstack styling

I am testing S4S’s Commentsstack. Font and line height of the write-review-button is too small so I want to change it via CSS.

Here is the stack’s page: https://prohomine.rathmair.de/Feedback/

I tried this CSS code, but to no avail:

#stacks_in_9_page32 .write-review-button {
font-size: 2rem;
line-height: 2;

Can anyone help me? Thanks a lot.

.write-review-button {
    line-height: 2rem !important;
    font-size: 1.85rem !important;

So thankful for your help!

Can I ask for your help for two more buttons. I tried but there the codes are different and I am at a loss:

I also want the Cancel button bigger as well as the Send button.

What you tried isn’t going to work because the element that has the class write-review-button doesn’t have the ID stacks_in_9_page32.

I tested this in google’s inspector. It looks like this will work, …

div#stacks_in_9_page32 button.btn {
  font-size: 2rem;
  line-height: 2;

I don’t like having to put the div selector there, but button.btn on its own doesn’t seem to want to work.
Anyway, as a bonus it catches the other two buttons that appear when you click the feedback button. I’m pretty sure you’d end up wanting them too.

This stack is from @willwood. Maybe he’ll have a better suggestion.

I tried button.btn and .btn, something keeps getting left out.


.btn-primary, .btn-secondary {
    height: 4rem !important;
    font-size: 2rem !important;
    line-height: 2rem !important;
    background-color: rgb(0,107,128) !important;
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 4px;
    color: white !important;

i.fa.fa-comment-o {
    padding-left: 10px;

YES, it works! Thank you again, I appreciate your help – as well as @forbesrodney’s answer (which I didn’t try, I admit).

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.