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

nobadshop
Tourist
17 0 2

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

Replies 21 (21)

PageFly-Theodor
Globetrotter
576 76 88

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.

nobadshop
Tourist
17 0 2

Hi Theodore,

 

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

 

PageFly-Theodor
Globetrotter
576 76 88

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.

nobadshop
Tourist
17 0 2

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

PageFly-Theodor
Globetrotter
576 76 88

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.

nobadshop
Tourist
17 0 2

Still doesnt seem to be matching

PageFly-Theodor
Globetrotter
576 76 88

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.

nobadshop
Tourist
17 0 2

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

nobadshop
Tourist
17 0 2

Still didnt work

PageFly-Theodor
Globetrotter
576 76 88

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.

nobadshop
Tourist
17 0 2

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

nobadshop
Tourist
17 0 2

Just following up here

nobadshop
Tourist
17 0 2

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

kazi
Shopify Partner
569 87 109

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

kazi
Shopify Partner
569 87 109

@nobadshop share your shopify website address

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

nobadshop
Tourist
17 0 2

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

kazi
Shopify Partner
569 87 109

@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

nobadshop
Tourist
17 0 2

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

kazi
Shopify Partner
569 87 109

@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

nobadshop
Tourist
17 0 2

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