How To Add A Text Block in Shopify Footer (Refresh Theme)

Store Design
1

I am using the wonderful Refresh theme and I am trying to figure out how to add a text string in the footer, that aligns on the same line as the social media icons (so that the footer isn’t too high). See screenshot below. Edited by Community Moderator I followed instructions in this thread and inserted the code below in the footer.liquid as the instructed lines. That works fine I but couldn’t figure out how to make them on the same line.

Thank you in advance for your help!!

{%- assign socials = "Facebook Twitter Pinterest Instagram Tumblr Snapchat YouTube Vimeo" | split: ' ' -%}
<center><p> Add your desired text </p>
  <div class="page-width">​

Screenshot 2022-10-04 222923.png
Screenshot 2022-10-04 222923.png1657×526 23.4 KB

2

@Snow_Wolf - you can see that your text is outside top content, hence it is coming down

suyash1_0-1665476517619.png
suyash1_0-1665476517619.png1366×768 143 KB

if you add it before ul tag in newsletter code, then you can see it like this

suyash1_1-1665476700545.png
suyash1_1-1665476700545.png1366×768 117 KB

3

We could try to edit code to put your content the footer-section in theme file like this screenshot below:

GemPages_Agents_2-1665478719716.png
GemPages_Agents_2-1665478719716.png2620×1486 429 KB

Then, we can add a small Css code to align these content.

Please try it and let us know how it goes.

4

Very helpful, thanks to both of you! @GemPages I used your solution and it worked like a charm. Any way to have the social media icons display after my text rather than before?

5

Thanks @suyash1 the only thing is that I would like both (the text and social media icons) to be centered rather than opposite sides.

6

Glad to hear that @Snow_Wolf . I am very happy, too. Regarding your question, we can put the custom ‘

  • ’ tag before the social media icons like this:

    GemPages_Agents_0-1665484008701.png
    GemPages_Agents_0-1665484008701.png2632×1494 441 KB

    Hope this helps :wink:

    • 7

    Please add to newsletter, then using css we can try to make it center

    8

    Thanks @suyash1 for your help! Instructions by GemPages_Agents got me there so this topic is resolved :slightly_smiling_face:

    9

    @Jacqui Hello could a moderator help me delete mention to my client’s website? See my original/first post on this thread where I accidentally posted the full store URL and password and the customer would like to have I removed.

    10

    Hey @Snow_Wolf

    Helping out with the request today. I’ve edited out the URL at your request.

    Let me know if there’s anything you need assistance with.