How to make Comments widget smaller

[Adele_Grievson]

• Issue description: Can the comment section be made smaller, please? It takes up most of my homepage

• Link to the page with the widget in question: https://www.changbins-delulu-wife.co.uk/

[Max]

Hi there, @Adele_Grievson

Do I get it right that you’d like to decrease just the height of the widget container?

[Adele_Grievson]

Hi, yes. I’ve added a screenshot to show how large it is on my page. I’m not able to put anything aside from it, other than 1 post. Everything else goes under the section. ty

[Max]

Thanks for clarification!

The code below will reduce the height of the widget container and add a vertical scroll:

[class*="widget__Container-sc"] {
  max-height: 400px;
  overflow-y: auto;
}

If you’d like to set a separate height for mobile, this code will do the trick:

@media screen and (max-width: 640px) {
  [class*="widget__Container-sc"] {
    max-height: 600px;
  }
}

Please add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result

[Adele_Grievson]

@Max

[class*="widget__Container-sc"] {
  max-height: 400px;
  overflow-y: auto;
}

You rock! tysm.

[Max]

It’s my pleasure!

In the meantime, we’d like to invite you to join our Giveaway, where you could win 4 FREE Months for your subscription.

Check the details and join in: May Giveaway: Celebrate Community Anniversary & Win 4 FREE MONTHS!