How can I change the color of my footer background?

[alexahex12]

Hello everyone , I want change the Background color of my Footer , Can you please help me in out  here is my URL

[PageFly-Victor]

Hi @alexahex12 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.site-footer-row-container-inner .site-container {
    background: red;
}
</style>

Note: You can adjust color to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

[oscprofessional]

Hello @alexahex12 

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.site-middle-footer-wrap .site-footer-row-container-inner {
    background: #808080 !important;
}

[INA_MSWEB]

Hi @alexahex12 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

<style>

.site-middle-footer-wrap .site-footer-row-container-inner {background: #f1eeee !important;}

</style>

Note: If you want to change the color then you can just replace the color code.

Regards,

San

[websensepro]

Hi @alexahex12 

1.Go to the online store 

2. Edit the code base.css and paste the code:

.site-middle-footer-wrap .site-footer-row-container-inner {

background: #000000;

}

[Stewered14]

To change the color of the footer background, locate the CSS code responsible for styling the footer. Within the CSS, find the property that controls the background color, usually labeled as "background-color." Modify the color value to your desired shade, such as "shoeofpickle ," which will give your footer background the specified color. Finally, save the changes to see the updated footer color on your website.

[vogehi5]

To change the color of the footer background, you can usually access your website's CSS or theme settings. Look for the specific CSS class associated with the footer, and adjust the background color property. Ensure to save the changes. If you're looking for your Gepco online bill website's footer customization, it's often found in the theme settings or through custom CSS editing for more advanced changes.

Regards: gepcoonline bill

[barkat007]

To give your footer a fresh coat of color, sprinkle this snippet in your style ingredients:

footer

{background-color: #YourChosenColor; /* Stir in your favorite color code */
color: #fff; /* Add a dash of text color for contrast */
padding: 10px; /* Adjust the padding to taste */
text-align: center; /* Align the text at the center for a neat presentation */
}

Replace #YourChosenColor with the color of your choice yt5s and let your website's footer shine with its newfound vibrancy!