Footer question
 
Notifications
Clear all

Footer question

4 Posts
2 Users
0 Reactions
972 Views
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

Please I need the headers of each of the 4 footer blocks to be in BOLD and slightly bigger font.

 

Also CENTRAL ALIGNMENT in MOBILE mode.

Also add a body text section for newsletter.

 

Thanks 

 

 

 


   
Quote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

Hi @salafi1981

In order to make the footer headers in Bold and center the widgets in mobile, I invite you to follow these steps :

 

  • From your Shopify dashboard click Online store > Actions > Edit code
  • Open the file footer.liquid
  • At the very top paste this code
{% style %}
.site-footer__item-inner .h4 {
font-weight : bold;
}
@media only screen and (max-width: 749px) {
.site-footer{
text-align:center;
}
.site-footer__item {
display : block !important;
}
}
{% endstyle %}
  • Click Save

 

In order to add a text section below the newsletter title, you can place this code

<p> your text here </p>

 

below this one

{%- when 'newsletter' -%}

 

 

Let me know if you need any further help with this 🙂

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
(@salafi1981)
Eminent Member
Joined: 3 years ago
Posts: 36
Topic starter  

Thanks! All done except the font size for the 4 section headings is still too small. I need 50%bigger.

 

see pic.

 


   
ReplyQuote
plaktheme
(@plaktheme)
Reputable Member
Joined: 5 years ago
Posts: 0
 

In order to change the heading font size, I invite you to replace the code I gave you before with this one

{% style %}
.site-footer__item-inner .h4 {
font-weight : bold;
font-size : 22px;
}
@media only screen and (max-width: 749px) {
.site-footer{
text-align:center;
}
.site-footer__item {
display : block !important;
}
}
{% endstyle %}

 

You can increase/decrease the footer heading size by changing the value in the code above 22px to something else, for example 26px

Let me know if you need more help with the footer 🙂

Katrine

Katrine | Technical support at Plak, Scrowp & Vantout
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple