How can I remove footer badges from my online store?

[manan123]

hey, i want to remove this highlighted badges from the footer , please help me to do so…

My store Url - https://mansaroverfurnishings.com/

[Moeed]

Hey @manan123

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ThePixelEdge]

Hi @manan123 ,

You can open the Code editor and then find the file Section-footer.css and locate the line

footer__top

Then you need to add below Css

.footer__top{
display:none;
}

[BrainStation23]

**HI @manan123 **

Follow these Steps to get your result:

Go to Online Store → Edit Code->section-footer.css file

Add the following code :
Your previous code:

.footer__top {
    margin-top: 5rem;
    margin-bottom: 8.3rem;
 
}

Updated code:

.footer__top {
    margin-top: 5rem;
    margin-bottom: 8.3rem;
    display: none;
}

Result:

[manan123]

thanks you so much …its worked i placed a new badge now but im having a problem i want to shift this image to center please help me, its appearing perfectly on mobile , hence want no changes on mobile

Store url -https://mansaroverfurnishings.com/

[manan123]

thanks you so much …its worked i placed a new badge now but im having a problem i want to shift this image to center please help me, its appearing perfectly on mobile , hence want no changes on mobile

[manan123]

thanks you so much …its worked i placed a new badge now but im having a problem i want to shift this image to center please help me, its appearing perfectly on mobile , hence want no changes on mobile

[BrainStation23]

@manan123 You can try the following steps:
Go to Online Store → Edit component-image-with-text.css file

.image-with-text__text-item{ 
  display:none;
}

[manan123]

how can i get this view??

[BrainStation23]

@manan123
You may need custom coding for that
Like to reach you further

[manan123]

oh okay …this looks very big on store i want to make it little small how can i do that

[BrainStation23]

@manan123
You can try that

.image-with-text{
  width:70%;
}

[manan123]

thankyou so much!!

[manan123]

hey , it also decreases the size on mobile devices i dont want any changes on mobile please help me

[BrainStation23]

@manan123
Use this code

@media screen and (max-width: 768px) {
   .image-with-text{
     width:auto;
   }
}

[manan123]

thankyou so much!!! one more thing i want to customize my only email form below that badges

i want placeholder "enter your email " instead of only “email”, & want to put colour in arrow also just like this image below

i want to make my make my email form customizable like that please help me to do so…

[BrainStation23]

@manan123
First of all thank Manan123, When my solution helps you, Please mark it as an accepted solution and Like the solution, So that we can help you further, In our previous solution, you couldn’t like any of the themes ??.

Now you try these step

.newsletter-form__button:not(:focus-visible):not(.focused) {
    background: #363a3e;
}

.newsletter-form__button .icon {
    width: 2.5rem;
    color: black;
}

[manan123]

sorry i forget to like that, btw i liked your solutions , can you please tell me in which section i have to put this code

[BrainStation23]

@manan123
NewsletterForm–sections

[manan123]

i have two files component-newsletter.css & newsletter-section.css i tried to add code in both of files but nothing happened pleasse check