I want to erase the white space between "How it Works" and the underneath section

Store Design
1

mm
mm1813×860 151 KB

i want to erase the white space between “How it Works” and the underneath section.
Thanks in advance.

1 Like
2

Check you other post – How to insert "How it works" as a titel inside the underneath container - #3 by tim_1

3

Hi @rubi06

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

4

www.soothetech.shop
…

1 Like
5

Hi @rubi06

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

div#shopify-section-template--18511649243213__multirow_7AP7Pj {
    margin-top: 0;
}

image
image1327×256 36.6 KB

1 Like
6

Hi @rubi06

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts. :white_check_mark:

Best regards,
Devcoder :laptop:

7

Hi.. How can i replace a shopify “learn more” button with image of “special offer” jpg button ?
www.soothetech.shop

kk
kk1240×510 107 KB

1 Like
8

Hi @rubi06

Replace your existing code

Current code:

<div class="rich-text__buttons scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 0;"><a href="/products/electric-lumbar-massager-with-heat-inflatable-back-stretcher-back-pain-relief" class="button button--primary">learn more</a></div>

Replace with this:

<div class="rich-text__buttons scroll-trigger animate--slide-in" data-cascade="" style="--animation-order: 0;"><a href="/products/electric-lumbar-massager-with-heat-inflatable-back-stretcher-back-pain-relief" class="image-button">
<img  src="{{ 'special-offer.jpg' | asset_url }}" alt="Special Offer" loading="lazy"></a></div>
11

I will try, thanks :slightly_smiling_face:

1 Like
12

Hi .. i dont find the code in theme.liquid or bas.css , how can i search for it please ?

1 Like
13

Hi @rubi06

There will be one file for the rich text section; you will need to make the code changes in that file.

Best regards,
Devcoder :laptop:

14

i have found this code in the code file of rich text section
" <div
class=“rich-text__buttons{% if block.settings.button_label != blank and block.settings.button_label_2 != blank %} rich-text__buttons–multiple{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate–slide-in{% endif %}”
{{ block.shopify_attributes }}
{% if settings.animations_reveal_on_scroll %}
data-cascade
style=“–animation-order: {{ forloop.index }};”
{% endif %}
>
{%- if block.settings.button_label != blank -%}
<a
{% if block.settings.button_link == blank %}
role=“link” aria-disabled=“true”
{% else %}
href=“{{ block.settings.button_link }}”
{% endif %}
class=“button{% if block.settings.button_style_secondary %} button–secondary{% else %} button–primary{% endif %}”
>
{{- block.settings.button_label | escape -}}

{%- endif -%}
{%- if block.settings.button_label_2 != blank -%}
<a
{% if block.settings.button_link_2 == blank %}
role=“link” aria-disabled=“true”
{% else %}
href=“{{ block.settings.button_link_2 }}”
{% endif %}
class=“button{% if block.settings.button_style_secondary_2 %} button–secondary{% else %} button–primary{% endif %}”
>
{{- block.settings.button_label_2 | escape -}}

{%- endif -%}

1 Like
15

i should replace it with the code you provided ?

16

Hi @rubi06

Replace with this:

<div
  class="rich-text__buttons{% if block.settings.button_label != blank and block.settings.button_label_2 != blank %} rich-text__buttons--multiple{% endif %}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
  {{ block.shopify_attributes }}
  {% if settings.animations_reveal_on_scroll %}
    data-cascade
    style="--animation-order: {{ forloop.index }};"
  {% endif %}
>
  {%- if block.settings.button_label != blank -%}
    <a
      {% if block.settings.button_link == blank %}
        role="link" aria-disabled="true"
      {% else %}
        href="{{ block.settings.button_link }}"
      {% endif %}
      class="image-button"
    >
      <img
        src="{{ 'special-offer.jpg' | asset_url }}"
        alt="{{ block.settings.button_label | escape }}"
        loading="lazy"
      >
    </a>
  {%- endif -%}

  {%- if block.settings.button_label_2 != blank -%}
    <a
      {% if block.settings.button_link_2 == blank %}
        role="link" aria-disabled="true"
      {% else %}
        href="{{ block.settings.button_link_2 }}"
      {% endif %}
      class="image-button"
    >
      <img
        src="{{ 'special-offer.jpg' | asset_url }}"
        alt="{{ block.settings.button_label_2 | escape }}"
        loading="lazy"
      >
    </a>
  {%- endif -%}
</div>
17

Would you please have the access to my store and make it for me ?

1 Like
18

Hi @rubi06

Ok share the store access.

19

i want to replace "learn more " button with an image button i have uploaded to "content/files " file name “offer_icon-3.jpg”

20

How can i share the store access please ?

1 Like
21

Hi @rubi06

Click on my profile and you will find.

22

Hi @rubi06

I’ve sent you the request — please accept it.