Footer customization - how to move left right/up down logos/icons?

[lanybucsusok]

I have added and moved 2 different icons to the centre and next to each other by inserting a code into the Custom CC in the Footer section. However, I have added a third icon which now I am trying to move to the right and to the same level as the previous two icons but I cannot manage. I have reached out to the Shopify Help Centre, but they are not able to do it either, even though they did the code for the first two icons. Do you know how to easily use a code to move the icons around? 

[BSS-TekLabs · Accepted solution]

Hello @lanybucsusok 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[BSS-TekLabs · Accepted solution]

@media only screen and (min-width: 600px) {
.payment-foxpost {
    width: 120px;
    position: relative !important;
    bottom: 142px !important;
    left: 213px !important;
}
}

Can you try replace to this code @lanybucsusok 

[BSS-TekLabs · Accepted solution]

Hello @lanybucsusok 
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[lanybucsusok]

lanybucsusok.hu
what is the access password? you mean the actual password for the shopify login?

[BSS-TekLabs]

Do you want like that @lanybucsusok ?

[lanybucsusok]

Yes, I would like the Foxpost logo to be set next to Teya and MPL icons. 

[BSS-TekLabs]

- Here is the solution for you @lanybucsusok 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

@media only screen and (max-width: 600px) {
.payment-foxpost {
    width: 120px;
    position: relative !important;
    bottom: 142px !important;
    left: 213px !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[lanybucsusok]

It didnt work 😞 I copied the code in the base.css exactly as it was above but nothing changed.

[BSS-TekLabs · Accepted solution]

@media only screen and (min-width: 600px) {
.payment-foxpost {
    width: 120px;
    position: relative !important;
    bottom: 142px !important;
    left: 213px !important;
}
}

Can you try replace to this code @lanybucsusok 

[lanybucsusok · Accepted solution]

ohhh myy!!!!! It worked!!!!!!! Thank you sooo muchhh!!!! ❤️ ❤️ 

[BSS-TekLabs]

Glad to help you. Have a good day @lanybucsusok