• Resolved artkilgour

    (@artkilgour)


    How do I change the colour of Sela’s social media icons from the default pink to my own colour (I want #75c03f)?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • bigacelloy

    (@bigacelloy)

    Hi @artkilgour,

    If you are using WordPress 4.7 or later, you can try to add the code below through WordPress Dashboard > Appearance > Edit CSS, or much better, if you implemented a child theme to your website, add the code in your child theme’s style.css:

    .social-links ul a: before {
    background: #75c03f;
    }

    WordPress highly recommends to create a child theme. It is necessary if you are doing heavy customization to your selected theme.
    https://developer.www.ads-software.com/themes/advanced-topics/child-themes/

    Thread Starter artkilgour

    (@artkilgour)

    are you sure that is every bit of code i need? when i paste that in, i get an error message, asking me to add “indent” after the colon, like this:

    }
    .social-links ul a:indent before {
    background: #75c03f;
    }

    although that corrects the error, it doesn’t change the colour of the icons in the footer!

    and, thanks for the “pro tip” about child themes. i’m gathering that is the cleaner way of doing things from reading various forum posts — but i’m not there just yet! i will read your link!

    bigacelloy

    (@bigacelloy)

    Ah, yes that is the exact code except, there should be no space after a:

    It happened to me a lot before when I did copy-paste from example so I learned it is cleaner if I “copy-type” my own code ??

    .social-links ul a:before {
    background: #75c03f;
    }

    • This reply was modified 7 years ago by bigacelloy.
    Thread Starter artkilgour

    (@artkilgour)

    perfect. thanks very much!

    a.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change the colour of Sela’s social media icons’ is closed to new replies.