Executive Pro Theme – Modify size of comment box

[CathyEarle]

I am using the Executive Pro theme and can't find where to change the margin above and below for the comment box. You can see in the theme demo (blue box) that it's quite a big box. I want to make the box height smaller.

Can't find where the code is to change it. I have tried everything but nothing works 🙁 Obviously I'm missing something. Any help greatly appreciated.

[brook1979]

Hi Cathy,
Do you mean the actual comments box's? OR where it says "6 coments" in the blue box?

[CathyEarle]

the blue box that says 6 comments. I want to make that box smaller in height.

[brook1979]

Hi Cathy,

Try this;

.content .entry-header .entry-meta .entry-comments-link {
background-color: #64C9EA;
color: #FFFFFF;
float: right;
font-size: 12px;
line-height: 2; (This is what I added)
padding: 5px; (This is what I changed)
text-transform: uppercase;

This is in your CSS on line 1406

Hope this helps! Let me know if you need anymore help 🙂

Carl

[CathyEarle]

Thank you so much Carl. I realized after I wrote this that I was looking for margin instead of padding which I seem to always get confused. But I would never have thought of line-height.

Huge gratitude to you! ... More CSS study required on this end!

Thanks again!

[brook1979]

No problem Cathy! Glad I could help. 🙂

Carl

[Author]

Posts