How can I remove footer badges from my online store?

Store Design
,
1

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

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

manan123_0-1707805929957.png
manan123_0-1707805929957.png1366×768 108 KB

2

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

3

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;
}
4

**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:

Screenshot 2024-02-13 134118.png
Screenshot 2024-02-13 134118.png1876×593 124 KB

5

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_0-1707818018363.png
manan123_0-1707818018363.png1366×768 218 KB

Store url -https://mansaroverfurnishings.com/

6

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_0-1707818169660.png
manan123_0-1707818169660.png400×225 82.1 KB

7

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_1-1707818204509.png
manan123_1-1707818204509.png400×225 82.1 KB

8

@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;
}
9

how can i get this view??

10

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

11

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

manan123_0-1707821039834.png
manan123_0-1707821039834.png1366×768 174 KB

12

@manan123
You can try that

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

thankyou so much!!

14

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

15

@manan123
Use this code

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

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

manan123_1-1707824563871.png
manan123_1-1707824563871.png1366×768 131 KB

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

manan123_0-1707824463762.png

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

17

@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;
}
18

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

19

@manan123
NewsletterForm–sections

20

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