Footer adjustments

[golazocases]

Hi, i want to move the email sign up widget so that it is positioned between the ‘useful links’ menu and the currency selector.

I would also like the headings to be the same size and for the subheadings (subtext and menu links) to be the same size too.

ensure that all the padding either side of everything is even and that everything is central for both desktop and mobile

see attached for reference

URL golazocasesuk.myshopify.com

theme: trade

[WalkYourStyle]

In your theme’s customization, remove the Email Signup Section that you added to the footer template.

Then, in the footer template, click on ‘Footer,’ and on the right side where the settings are, click on ‘Enable email signup,’ as shown below.

After you’ve done that, please inform me so I can position it where you want, and apply the additional changes you requested.

[golazocases]

Done, the positioning seems funny currently and it looks as though the currency selector has disappeared. Please help sort this and the original request.

[WalkYourStyle]

It does look weird; Have you added some css yourself? For now can you please go to your theme’s code find the footer.liquid file, and provide me with it’s content. Use the 3 dots(Expand toolbar) and chose the ‘</>’ symbol to paste the code there so it looks clean and readable

[golazocases]

I haven’t added any of my own CSS:

{% 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 -%}

{%- for block in section.blocks -%}

{%- if block.settings.heading != blank -%}

{{- block.settings.heading -}}

{%- endif -%}

{%- case block.type -%}
{%- when ‘@app’ -%}
{% render block %}
{%- when ‘text’ -%}

{{ block.settings.subtext }}

{%- when 'link_list' -%} {%- if block.settings.menu != blank -%}

{%- for link in block.settings.menu.links -%}
• {{ link.title | escape }}
{%- endfor -%}

{%- endif -%} {%- when 'brand_information' -%}

{%- if settings.brand_image != blank -%} {%- assign brand_image_height = settings.brand_image_width | divided_by: settings.brand_image.aspect_ratio -%}

{{ 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 }}

{%- endif -%} {%- if settings.brand_headline != blank -%}

{{ settings.brand_headline }}

{%- endif -%} {%- if settings.brand_description != blank -%}

{{ settings.brand_description }}

{%- endif -%} {%- if block.settings.show_social and has_social_icons -%} {%- render 'social-icons', class: 'footer__list-social' -%} {%- endif -%}

{%- when 'image' -%}

{%- if block.settings.image != blank -%} {%- assign image_size_2x = block.settings.image_width | times: 2 | at_most: 5760 -%}

{%- else -%} {{ 'image' | placeholder_svg_tag: 'placeholder-svg placeholder' }} {%- endif -%}

{%- endcase -%}

{%- endfor -%}

{%- endif -%}

{%- if section.settings.newsletter_enable -%}

{%- if section.settings.newsletter_heading != blank -%}

{{ section.settings.newsletter_heading }}

{%- endif -%} {%- form 'customer', id: 'ContactFooter', class: 'footer__newsletter newsletter-form' -%}

{{ 'newsletter.label' | t }} {% render 'icon-arrow' %}

{%- if form.errors -%} {%- render 'icon-error' -%} {{- form.errors.translated_fields.email | capitalize }} {{ form.errors.messages.email -}} {%- endif -%}

{%- if form.posted_successfully? -%}

{% render 'icon-success' -%} {{- 'newsletter.success' | t }}

{%- endif -%} {%- endform -%}

{%- endif -%}

{%- if shop.features.follow_on_shop? and section.settings.enable_follow_on_shop -%}

{{ shop | login_button: action: 'follow' }}

{%- endif -%}

{%- if section.settings.show_social and has_social_icons -%}
{%- render ‘social-icons’, class: ‘footer__list-social’ -%}
{%- endif -%}

{%- endunless -%} {%- endif -%}

{%- if section.settings.enable_country_selector and localization.available_countries.size > 1 -%} {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}

{{ 'localization.country_label' | t }}

{%- render 'country-localization', localPosition: 'FooterCountry' -%}

{%- endform -%} {%- endif -%}

{%- if section.settings.enable_language_selector and localization.available_languages.size > 1 -%}

{%- form ‘localization’, id: ‘FooterLanguageForm’, class: ‘localization-form’ -%}

{{ 'localization.language_label' | t }}

{%- render 'language-localization', localPosition: 'FooterLanguage' -%}

{%- endform -%} {%- endif -%}

{%- if section.settings.payment_enable -%}

{{ 'sections.footer.payment' | t }}

{%- for type in shop.enabled_payment_types -%}
• {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
{%- endfor -%}

{%- endif -%}

© {{ 'now' | date: '%Y' }}, {{ shop.name | link_to: routes.root_url -}} {{ powered_by_link }} {%- if section.settings.show_policy -%}

{%- for policy in shop.policies -%} {%- if policy != blank -%}
• {{ policy.title | escape }}
{%- endif -%} {%- endfor -%}

{%- endif -%}

{% 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”,
“info”: “t:sections.footer.blocks.link_list.settings.menu.info”
}
]
},
{
“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”: “header”,
“content”: “t:sections.footer.blocks.brand_information.settings.header__1.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”: “Image width”,
“default”: 100
},
{
“type”: “select”,
“id”: “alignment”,
“label”: “Image alignment on large screen”,
“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”,
“info”: “t:sections.footer.settings.header__9.info”
},
{
“type”: “checkbox”,
“id”: “enable_follow_on_shop”,
“default”: true,
“label”: “t:sections.footer.settings.enable_follow_on_shop.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__2.content”,
“info”: “t:sections.footer.settings.header__2.info”
},
{
“type”: “checkbox”,
“id”: “show_social”,
“default”: true,
“label”: “t:sections.footer.settings.show_social.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__3.content”,
“info”: “t:sections.footer.settings.header__4.info”
},
{
“type”: “checkbox”,
“id”: “enable_country_selector”,
“default”: true,
“label”: “t:sections.footer.settings.enable_country_selector.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__5.content”,
“info”: “t:sections.footer.settings.header__6.info”
},
{
“type”: “checkbox”,
“id”: “enable_language_selector”,
“default”: true,
“label”: “t:sections.footer.settings.enable_language_selector.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__7.content”
},
{
“type”: “checkbox”,
“id”: “payment_enable”,
“default”: true,
“label”: “t:sections.footer.settings.payment_enable.label”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.header__8.content”,
“info”: “t:sections.footer.settings.header__8.info”
},
{
“type”: “checkbox”,
“id”: “show_policy”,
“default”: true,
“label”: “t:sections.footer.settings.show_policy.label”
},
{
“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 %}