Need help with Sela theme – changing colours of buttons and bullets from default

Hi there,

You can make the changes you’re after with some custom CSS.

To add custom CSS: Frstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

I am trying to change the colour of the bullets in the main nav bar or even get rid of them all together.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme in order to change the colour of the bullets:

@media screen and (min-width: 768px) {
    .main-navigation .nav-menu > li > a:after, .main-navigation .menu > li > a:after {
        color: #fff;
    }
}

You can change the value of #FFF to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before:

https://www.color-hex.com/

Also, I word like to change the colour of the links from a default hot pink to something else.

The following snippet can be used to change the default colour of the links:

a {
    color: #e1122a;
}

As before, change the value of #e1122a to any code of your choice.

My site is ShaunaKay.com

I’m currently being redirected to a “coming soon” page when visiting that site. I, therefore, obtained the above custom CSS from the Sela theme’s demo site. If it doesn’t work for you, or if you have further questions, please remove the redirect from your site so that I can inspect its CSS directly.

Thanks!