I want to align the payment icons with the polices section

rubi06 · January 31, 2026, 10:11am

I want to align the payment icons with the polices section at the bottom of the page.
and add the website name after @2026

rubi06 · January 31, 2026, 10:12am

www.soothetech.shop
…

Moeed · January 31, 2026, 10:22am

Hey @rubi06

Follow these Steps:

Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above </ body> tag

<style>
@media screen and (min-width: 768px) {
.footer {
    display: flex !important;
    align-items: center !important;
    flex-flow: row-reverse !important;
}
.footer__column.footer__localization.isolate {
    display: none !important;
}
ul.list.list-payment {
    padding-top: 0 !important;
}
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

rubi06 · January 31, 2026, 11:20am

Moeed:

@media screen and (min-width: 768px) {
.footer {
    display: flex !important;
    align-items: center !important;
    flex-flow: row-reverse !important;
}
.footer__column.footer__localization.isolate {
    display: none !important;
}
ul.list.list-payment {
    padding-top: 0 !important;
}
}

done, but nothing show

up now

rubi06 · January 31, 2026, 2:08pm

do you have a solution ?

rubi06 · January 31, 2026, 2:21pm

they are all disappeared lately after adding the code ,and when i removed it too .

rubi06 · January 31, 2026, 2:38pm

Got it. Can you share the code of footer.liquid file so that I can add the code for the privacy policies?
yes please

rubi06 · January 31, 2026, 3:07pm

{% comment %}theme-check-disable UndefinedObject{% endcomment %}
{{ ‘section-footer.css’ | asset_url | stylesheet_tag }}
{{ ‘component-newsletter.css’ | asset_url | stylesheet_tag }}
{{ ‘component-list-menu.css’ | asset_url | stylesheet_tag }}
{{ ‘component-list-payment.css’ | asset_url | stylesheet_tag }}
{{ ‘component-list-social.css’ | asset_url | stylesheet_tag }}

{%- style -%}
.footer {
margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
}

.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.footer {
margin-top: {{ section.settings.margin_top }}px;
}

.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top }}px;
  padding-bottom: {{ section.settings.padding_bottom }}px;
}

}
{%- endstyle -%}

{%- liquid assign has_social_icons = true if settings.social_facebook_link == blank and settings.social_instagram_link == blank and settings.social_youtube_link == blank and settings.social_tiktok_link == blank and settings.social_twitter_link == blank and settings.social_pinterest_link == blank and settings.social_snapchat_link == blank and settings.social_tumblr_link == blank and settings.social_vimeo_link == blank assign has_social_icons = false endif

if settings.brand_image == blank and settings.brand_headline == blank and settings.brand_description == blank
  assign brand_empty = true
endif

if section.blocks.size == 1 and section.blocks[0].type == 'brand_information' and brand_empty and has_social_icons == false and section.settings.newsletter_enable == false and section.settings.enable_follow_on_shop == false
  assign only_empty_brand = true
endif

-%}
{%- if section.blocks.size > 0
or section.settings.newsletter_enable
or section.settings.show_social
and has_social_icons == true
or section.settings.enable_follow_on_shop
-%}
{%- unless only_empty_brand -%}

{%- if section.blocks.size > 0 -%}
{%- liquid
if section.blocks.size == 9
assign footer_grid_class = ‘grid–3-col-tablet’
elsif section.blocks.size > 6
assign footer_grid_class = ‘grid–4-col-desktop’
elsif section.blocks.size > 4
assign footer_grid_class = ‘grid–3-col-tablet’
endif
-%}
<div
class=“footer__blocks-wrapper grid grid–1-col grid–2-col grid–4-col-tablet {{ footer_grid_class }}{% if settings.animations_reveal_on_scroll %} scroll-trigger animate–slide-in{% endif %}”
{% if settings.animations_reveal_on_scroll %}
data-cascade
{% endif %}
>
{%- for block in section.blocks -%}
<div
class=“footer-block grid__item{% if block.type == ‘link_list’ %} footer-block–menu{% 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.heading != blank -%}

{%- endif -%}

            {%- case block.type -%}
              {%- when '@app' -%}
                {% render block %}
              {%- when 'text' -%}
                <div class="footer-block__details-content rte">
                  {{ block.settings.subtext }}
                </div>
              {%- when 'link_list' -%}
                {%- if block.settings.menu != blank -%}
                  <ul class="footer-block__details-content list-unstyled">
                    {%- for link in block.settings.menu.links -%}
                      <li>
                        <a
                          href="{{ link.url }}"
                          class="link link--text list-menu__item list-menu__item--link{% if link.active %} list-menu__item--active{% endif %}"
                        >
                          {{ link.title | escape }}
                        </a>
                      </li>
                    {%- endfor -%}
                  </ul>
                {%- endif -%}
              {%- when 'brand_information' -%}
                <div class="footer-block__brand-info">
                  {%- if settings.brand_image != blank -%}
                    {%- assign brand_image_height = settings.brand_image_width
                      | divided_by: settings.brand_image.aspect_ratio
                    -%}
                    <div
                      class="footer-block__image-wrapper"
                      style="max-width: min(100%, {{ settings.brand_image_width }}px);"
                    >
                      {{
                        settings.brand_image
                        | image_url: width: 1100
                        | image_tag:
                          loading: 'lazy',
                          widths: '50, 100, 150, 200, 300, 400, 550, 800, 1100',
                          height: brand_image_height,
                          width: settings.brand_image_width
                      }}
                    </div>
                  {%- endif -%}
                  {%- if settings.brand_headline != blank -%}
                    <h2 class="footer-block__heading rte">{{ settings.brand_headline }}</h2>
                  {%- endif -%}
                  {%- if settings.brand_description != blank -%}
                    <div class="rte">{{ settings.brand_description }}</div>
                  {%- endif -%}
                  {%- if block.settings.show_social and has_social_icons -%}
                    {%- render 'social-icons', class: 'footer__list-social' -%}
                  {%- endif -%}
                </div>
              {%- when 'image' -%}
                <div class="footer-block__details-content footer-block-image {{ block.settings.alignment }}">
                  {%- if block.settings.image != blank -%}
                    {%- assign image_size_2x = block.settings.image_width | times: 2 | at_most: 5760 -%}
                    <div
                      class="footer-block__image-wrapper"
                      style="max-width: min(100%, {{ block.settings.image_width }}px);"
                    >
                      <img
                        srcset="{{ block.settings.image | image_url: width: block.settings.image_width }}, {{ block.settings.image | image_url: width: image_size_2x }} 2x"
                        src="{{ block.settings.image | image_url: width: 760 }}"
                        alt="{{ block.settings.image.alt | escape }}"
                        loading="lazy"
                        width="{{ block.settings.image.width }}"
                        height="{{ block.settings.image.height }}"
                      >
                    </div>
                  {%- else -%}
                    {{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }}
                  {%- endif -%}
                </div>
            {%- endcase -%}
          </div>
        {%- endfor -%}
      </div>
    {%- endif -%}

    <div
      class="footer-block--newsletter{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
      {% if settings.animations_reveal_on_scroll %}
        data-cascade
      {% endif %}
    >
      {%- if section.settings.newsletter_enable -%}
        <div class="footer-block__newsletter">
          {%- if section.settings.newsletter_heading != blank -%}
            <h2 class="footer-block__heading inline-richtext">{{ section.settings.newsletter_heading }}</h2>
          {%- endif -%}
          {%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}
            <input type="hidden" name="contact[tags]" value="newsletter">
            <div class="newsletter-form__field-wrapper">
              <div class="field">
                <input
                  id="NewsletterForm--{{ section.id }}"
                  type="email"
                  name="contact[email]"
                  class="field__input"
                  value="{{ form.email }}"
                  aria-required="true"
                  autocorrect="off"
                  autocapitalize="off"
                  autocomplete="email"
                  {% if form.errors %}
                    autofocus
                    aria-invalid="true"
                    aria-describedby="ContactFooter-error"
                  {% elsif form.posted_successfully? %}
                    aria-describedby="ContactFooter-success"
                  {% endif %}
                  placeholder="{{ 'newsletter.label' | t }}"
                  required
                >
                <label class="field__label" for="NewsletterForm--{{ section.id }}">
                  {{ 'newsletter.label' | t }}
                </label>
                <button
                  type="submit"
                  class="newsletter-form__button field__button"
                  name="commit"
                  id="Subscribe"
                  aria-label="{{ 'newsletter.button_label' | t }}"
                >
                  <span class="svg-wrapper">
                    {{- 'icon-arrow.svg' | inline_asset_content -}}
                  </span>
                </button>
              </div>
              {%- if form.errors -%}
                <small class="newsletter-form__message form__message" id="ContactFooter-error">
                  <span class="svg-wrapper">
                    {{- 'icon-error.svg' | inline_asset_content -}}
                  </span>
                  {{- form.errors.translated_fields.email | capitalize }}
                  {{ form.errors.messages.email -}}
                </small>
              {%- endif -%}
            </div>
            {%- if form.posted_successfully? -%}
              <h3
                class="newsletter-form__message newsletter-form__message--success form__message"
                id="ContactFooter-success"
                tabindex="-1"
                autofocus
              >
                <span class="svg-wrapper">
                  {{- 'icon-success.svg' | inline_asset_content -}}
                </span>
                {{- 'newsletter.success' | t }}
              </h3>
            {%- endif -%}
          {%- endform -%}
        </div>
      {%- endif -%}

      {%- if shop.features.follow_on_shop? and section.settings.enable_follow_on_shop -%}
        <div class="footer__follow-on-shop">
          {{ shop | login_button: action: 'follow' }}
        </div>
      {%- endif -%}

      {%- if section.settings.show_social and has_social_icons -%}
        {%- render 'social-icons', class: 'footer__list-social' -%}
      {%- endif -%}
    </div>
  </div>
{%- endunless -%}

{%- endif -%}

<div class="footer__content-bottom-wrapper page-width">
  <div class="footer__column footer__localization isolate">
    {%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%}
      <localization-form>
        {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
          <div>
           
          </div>
        {%- endform -%}
      </localization-form>
    {%- endif -%}

    {%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}
      <localization-form>
        {%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
          <div>
            <h2 class="caption-large text-body" id="FooterLanguageLabel">
              {{ 'localization.language_label' | t }}
            </h2>
            {%- render 'language-localization', localPosition: 'FooterLanguage' -%}
          </div>
        {%- endform -%}
      </localization-form>
    {%- endif -%}
  </div>
  <div class="footer__column footer__column--info">
    {%- if section.settings.payment_enable -%}
      <div class="footer__payment">
        <span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
        <ul class="list list-payment" role="list">
          {%- for type in shop.enabled_payment_types -%}
            <li class="list-payment__item">
              {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
            </li>
          {%- endfor -%}
        </ul>
      </div>
    {%- endif -%}
  </div>
</div>
<div class="footer__content-bottom-wrapper page-width{% if section.settings.enable_country_selector == false and section.settings.enable_language_selector == false %} footer__content-bottom-wrapper--center{% endif %}">

</div>

{% schema %}
{
“name”: “t:sections.footer.name”,
“blocks”: [
{
“type”: “@app”
},
{
“type”: “link_list”,
“name”: “t:sections.footer.blocks.link_list.name”,
“settings”: [
{
“type”: “inline_richtext”,
“id”: “heading”,
“default”: “t:sections.footer.blocks.link_list.settings.heading.default”,
“label”: “t:sections.footer.blocks.link_list.settings.heading.label”
},
{
“type”: “link_list”,
“id”: “menu”,
“default”: “footer”,
“label”: “t:sections.footer.blocks.link_list.settings.menu.label”
}
]
},
{
“type”: “brand_information”,
“name”: “t:sections.footer.blocks.brand_information.name”,
“settings”: [
{
“type”: “paragraph”,
“content”: “t:sections.footer.blocks.brand_information.settings.paragraph.content”
},
{
“type”: “checkbox”,
“id”: “show_social”,
“default”: true,
“label”: “t:sections.footer.blocks.brand_information.settings.show_social.label”,
“info”: “t:sections.footer.blocks.brand_information.settings.show_social.info”
}
]
},
{
“type”: “text”,
“name”: “t:sections.footer.blocks.text.name”,
“settings”: [
{
“type”: “inline_richtext”,
“id”: “heading”,
“default”: “t:sections.footer.blocks.text.settings.heading.default”,
“label”: “t:sections.footer.blocks.text.settings.heading.label”
},
{
“type”: “richtext”,
“id”: “subtext”,
“default”: “t:sections.footer.blocks.text.settings.subtext.default”,
“label”: “t:sections.footer.blocks.text.settings.subtext.label”
}
]
},
{
“type”: “image”,
“name”: “Image”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “range”,
“id”: “image_width”,
“min”: 50,
“max”: 550,
“step”: 5,
“unit”: “px”,
“label”: “Width”,
“default”: 100
},
{
“type”: “select”,
“id”: “alignment”,
“label”: “Alignment”,
“options”: [
{
“value”: “”,
“label”: “Left”
},
{
“value”: “center”,
“label”: “Center”
},
{
“value”: “right”,
“label”: “Right”
}
],
“default”: “center”
}
]
}
],
“settings”: [
{
“type”: “color_scheme”,
“id”: “color_scheme”,
“label”: “t:sections.all.colors.label”,
“default”: “scheme-1”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__1.content”,
“info”: “t:sections.footer.settings.header__1.info”
},
{
“type”: “checkbox”,
“id”: “newsletter_enable”,
“default”: true,
“label”: “t:sections.footer.settings.newsletter_enable.label”
},
{
“type”: “inline_richtext”,
“id”: “newsletter_heading”,
“default”: “t:sections.footer.settings.newsletter_heading.default”,
“label”: “t:sections.footer.settings.newsletter_heading.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__9.content”
},
{
“type”: “checkbox”,
“id”: “enable_follow_on_shop”,
“default”: true,
“label”: “t:sections.footer.settings.enable_follow_on_shop.label”,
“info”: “t:sections.footer.settings.enable_follow_on_shop.info”
},
{
“type”: “checkbox”,
“id”: “show_social”,
“default”: true,
“label”: “t:sections.footer.settings.show_social.label”,
“info”: “t:sections.footer.settings.show_social.info”
},
{
“type”: “checkbox”,
“id”: “enable_country_selector”,
“default”: true,
“label”: “t:sections.footer.settings.enable_country_selector.label”,
“info”: “t:sections.footer.settings.enable_country_selector.info”
},
{
“type”: “checkbox”,
“id”: “enable_language_selector”,
“default”: true,
“label”: “t:sections.footer.settings.enable_language_selector.label”,
“info”: “t:sections.footer.settings.enable_language_selector.info”
},
{
“type”: “checkbox”,
“id”: “payment_enable”,
“default”: true,
“label”: “t:sections.footer.settings.payment_enable.label”
},
{
“type”: “checkbox”,
“id”: “show_policy”,
“default”: true,
“label”: “t:sections.footer.settings.show_policy.label”,
“info”: “t:sections.footer.settings.show_policy.info”
},
{
“type”: “header”,
“content”: “t:sections.all.spacing”
},
{
“type”: “range”,
“id”: “margin_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.footer.settings.margin_top.label”,
“default”: 0
},
{
“type”: “header”,
“content”: “t:sections.all.padding.section_padding_heading”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_top”,
“default”: 36
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “px”,
“label”: “t:sections.all.padding.padding_bottom”,
“default”: 36
}
],
“default”: {
“blocks”: [
{
“type”: “link_list”
},
{
“type”: “text”
}
]
}
}
{% endschema %}

rubi06 · January 31, 2026, 3:13pm

what should i do ?
…

Maximus3 · January 31, 2026, 4:38pm

Have you tried asking Shopify’s Sidekick helper tool to help you?

rubi06 · January 31, 2026, 4:42pm

what is that tool ? is it ai tool ?

Maximus3 · January 31, 2026, 4:43pm

At the top right of the screen there is a tiny little head icon. It opens Sidekick. It can help you do things and give you answers.

Topic		Replies	Views
Copyright and payment icons not on the same line Store Design footer	21	191	January 31, 2023
Help put the payment icons under the newsletter section Brooklyn theme desktop only Store Design	5	60	February 3, 2023
Center copyright, social media icons and payment icons Store Design	16	93	March 11, 2022
Payment icon not showing Store Design footer , troubleshooting	11	152	November 21, 2024
Align Country Selector and Copyright button in One line - Dawn Theme Store Design footer	5	224	May 12, 2024

I want to align the payment icons with the polices section

{{- block.settings.heading -}}

Related topics