Dead white space below my quotes that I'd LOVE to reduce greatly!

Solved
patriciah
Tourist
10 2 2

I am using debut and I have a LOT of extra white space below my testimonials shown on my main page.  If I turn that section off from view, that space is gone, so I know its in that quotes code, but can someone help me?  I'm marginally OK with editing code, but really need a play by play. I assume it's in the quotes.liquid file.  I greatly appreciate any help on this!

 

My website is www.soapworksfactory.com for reference.

0 Likes

Hello @patriciah 

.quotes-wrapper .quotes-slider .slick-slide {
	height: auto;
}

Add that code in the CSS file. Hope it will work.

If my reply helpful then please Like to let me know!
If my answered is right according to your question, Mark it as an Accepted Solution.
Facing more issues ? Hire me For Quick Chat: Say hello in WhatsApp : 01761469797
0 Likes
patriciah
Tourist
10 2 2

Thank you VERY much for your reply!  I'm not sure where to add it or if I have the right liquid file.  Here is what I have for my quotes.liquid file:

<div class="page-width" data-section-id="{{ section.id }}" data-section-type="quotes">
{% if section.settings.title != blank %}
<div class="section-header text-center">
<h2>{{ section.settings.title | escape }}</h2>
</div>
{% endif %}

{% if section.blocks.size > 0 %}
<div class="quotes-wrapper">
<div class="quotes-slider" id="Quotes-{{ section.id }}" data-count="{{ section.blocks.size }}">
{% for block in section.blocks %}
<div class="quotes-slide--{{ block.id }}" {{ block.shopify_attributes }}>
<blockquote class="quotes-slider__text text-center">
<span class="quote-icon">{% include 'icon-quote' %}</span>
{% if block.settings.quote != blank %}
<div class="rte-setting rte">{{ block.settings.quote }}</div>
{% endif %}
{% if block.settings.author != blank %}
<cite>{{ block.settings.author | escape }}</cite>
{% endif %}
</blockquote>
</div>
{% endfor %}
</div>
</div>
{% endif %}


{% if section.blocks.size == 0 %}
{% include 'no-blocks' %}
{% endif %}
</div>

0 Likes
patriciah
Tourist
10 2 2

This is an accepted solution.

OK, i was able to find another reply.  I had to go to my edit cod and find asset>theme.scss.liquid and paste this at the very bottom of the file:

.slick-initialized .slick-slide {
height: auto;
}

.quotes-wrapper .slick-dots {
margin-top: 20px !important;
}

 

That works!

0 Likes