Okay
  Public Ticket #3166322
social icons footer - change order
Closed

Comments

  •  10
    waldemarker started the conversation
    November 13, 2022 at 5:58pm

    Both clients where I use Salient are on social media (insta and fb) and both use Instagram as their first choice. So I have used Instagram as first icon on the contact page. But the footer social icons are theme settings and I cannot manually change that order. 

    So how can I put Instagram as 1st icon and Facebook as 2nd icon?

    thank you

    Waldemar 

  •  1,877
    Judith replied
    November 13, 2022 at 8:21pm

    Hi Waldemar,

    Thanks for keeping in touch.

    Please try this css:

    #footer-outer #copyright .col ul {
        display: flex;
        flex-direction: row-reverse
    }
    #footer-outer #copyright .col ul li:nth-of-type(1) {
        order: 2;
    }
    #footer-outer #copyright .col ul li:nth-of-type(2) {
        order: 2;
    }
    #footer-outer #copyright .col ul li:nth-of-type(3) {
        order: 1;
    }
    #footer-outer #copyright .col ul li:nth-of-type(4) {
        order: 0;
    }

    Thanks.