How do I find (index) file in order to change style on CSS?

by

I am using the basic twenty sixteen theme and I am trying to edit some of the features. For instance I want to edit the sidebar on the right.

enter image description here

However, when I open the inspector, it says that the border color is on (index):198.

enter image description here

Where do I find that?

1 Answer
1

The CSS code you refer to is dynamically generated by the theme. The color is set in the customizer under ‘Colors’ -> ‘Primary text color’ (Or something similar). The only thin is, this setting changes the color for quite many thigs on the whole site, which is probably not what you want.

If you only want to change the color of the borders in the sidebar, you can add some more specific CSS via a plugin or a in a child theme:

#secondary .widget {
    border-color: #123456;
}

This will then override the generated CSS as it uses a more specific selector.

Leave a Comment