FROM CACHE - en_header
Promotion image

Impact theme footer menu is white and isnt matching the rest of my websites color theme

Impact theme footer menu is white and isnt matching the rest of my websites color theme

nobadshop
Excursionist
58 1 7
‎04-30-2024 12:01 PM

My impact theme footerpage is white and i need it to match the main color of my website

Labels:
2,087 Views
0 Likes
Report
Replies 21 (21)

PageFly-Theodor
Shopify Partner
691 86 105
‎04-30-2024 12:17 PM

Hi @nobadshop ,
This is Theodore from PageFly - Shopify Page Builder App.

 

  1. Log in to your Shopify admin panel.
  2. Navigate to Online Store > Themes.
  3. Find the Impact theme and click Customize.
  4. Look for sections named Footer or similar within the theme editor options. Not all themes offer direct editing of the footer through the editor, so this method might not be available.
  • If you find footer editing options, there might be a color picker or settings to change the background color of the footer. Select the color that matches your website's main color.


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

2,072 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎04-30-2024 12:30 PM

Hi Theodore,

 

there is indeed no color correction choices for the footer like the rest of the sections have

 

2,064 Views
0 Likes
Report
In response to nobadshop

PageFly-Theodor
Shopify Partner
691 86 105
‎04-30-2024 12:43 PM

You can try this

 

  • In the Shopify admin panel, navigate to Online Store > Themes.
  • Find the Impact theme and click Actions > Edit code.
  • Locate the file named theme.css within the Assets folder.

 

footer {
  background-color: #yourcolorcode;
}

 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

2,057 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎04-30-2024 12:53 PM

For the "#yourcolorcode;" Does that mean i write the number that matches our website "fffed" ?

2,051 Views
0 Likes
Report
In response to nobadshop

PageFly-Theodor
Shopify Partner
691 86 105
‎04-30-2024 12:56 PM

Yes, this is your color

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

2,050 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎04-30-2024 01:13 PM

Still doesnt seem to be matching

1,964 Views
0 Likes
Report
In response to nobadshop

PageFly-Theodor
Shopify Partner
691 86 105
‎04-30-2024 01:15 PM

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

1,945 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎04-30-2024 02:08 PM

Screen Shot 2024-04-30 at 1.04.05 PM.png

1,885 Views
0 Likes
Report
In response to nobadshop

nobadshop
Excursionist
58 1 7
‎04-30-2024 02:09 PM

Still didnt work

1,883 Views
0 Likes
Report
In response to nobadshop

PageFly-Theodor
Shopify Partner
691 86 105
‎04-30-2024 02:09 PM

you need add code like this:

<style>
footer {
  background-color: #yourcolorcode;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

1,882 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎04-30-2024 03:31 PM

This is what I have wroteScreen Shot 2024-04-30 at 1.20.00 PM.png

1,868 Views
0 Likes
Report
In response to nobadshop

nobadshop
Excursionist
58 1 7
‎05-02-2024 12:34 PM

Just following up here

1,821 Views
0 Likes
Report
In response to PageFly-Theodor

nobadshop
Excursionist
58 1 7
‎05-02-2024 04:55 PM

Screen Shot 2024-05-02 at 3.53.59 PM.pngThis is now sitting on the top of my page

1,814 Views
0 Likes
Report

kazi
Shopify Partner
717 100 126
‎04-30-2024 12:26 PM

Hello @nobadshop  can you share the store URL?

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

2,067 Views
0 Likes
Report
In response to nobadshop

kazi
Shopify Partner
717 100 126
‎04-30-2024 12:32 PM

@nobadshop share your shopify website address

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

2,063 Views
0 Likes
Report
In response to kazi

nobadshop
Excursionist
58 1 7
‎04-30-2024 12:34 PM

Can you give me an example on how I do that. I apologize, I am fairly new here

2,061 Views
0 Likes
Report
In response to nobadshop

kazi
Shopify Partner
717 100 126
‎04-30-2024 12:37 PM

@nobadshop  do you have live shopify store? then you can share the address

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

2,060 Views
0 Likes
Report
In response to kazi

nobadshop
Excursionist
58 1 7
‎05-01-2024 01:16 PM

My store is not live at the moment. Can you read my convo above with page fly and see if you can help

1,839 Views
0 Likes
Report
In response to nobadshop

kazi
Shopify Partner
717 100 126
‎05-02-2024 07:53 PM

@nobadshop  put the css code after <head>

▶️ If you need more help with your Shopify store
Speed Optimization | Theme Customization ? ☎️ WhatsApp ✉️Email Skype: kof.bd

1,801 Views
0 Likes
Report
In response to kazi

nobadshop
Excursionist
58 1 7
‎05-03-2024 02:31 PM

Did not work. Please give a longer detailed explanation or provide the exact code with my color number "ffffed" embedded and where to insert it. The footer page is still white and does not match the rest of the page. Screen Shot 2024-05-03 at 1.28.50 PM.png 

1,774 Views
0 Likes
Report

Community Blog Articles

427225466-7b141305-de27-48eb-8d38-643ba2ed8c3f.jpg
The power of automation: New Shopify Flow fundamentals learning path

Discover how to increase the efficiency of commerce operations with Shopify Academy's l...

By Jacqui Mar 26, 2025
shopp-e-1741972742895593780274096851.png
Canadian merchants: Update account details by March 24, 2025 to continue us...

Shopify and our financial partners regularly review and update verification requiremen...

By Jacqui Mar 14, 2025
Shopify_0-1741780029041.png
New learning path from Shopify Academy: How to create a digital marketing s...

Unlock the potential of marketing on your business growth with Shopify Academy's late...

By Shopify Mar 12, 2025
Terms of Service Privacy Policy