CSS for Icon Stack

[jonassoeder]

Hey guys, first of all I like the X theme very much so far, great work!

I chose the icon template in the stack menu and wondered where I could edit the CSS (icon.css).
I wanted to remove the round borders in the navigation.
When I go to the Theme Editor in the WP Dashboard, there are no CSS files at all.
Have I missed a custom CSS editing area somewhere or how can I edit it?
Does it only work with a child theme?

Thank you very much for your answer and many greetings,
Jonas

[nabeel]

Hi Jonas,

Thank you for reaching out to us. It is not recommended to edit the stylesheet of a parent theme because your code changes will be overwritten when an update is released. I’d advise that you setup a child theme and make changes in your child theme to override the theme styles.

To remove the round borders from the navigation, add the following code in your child theme’s style.css file or you can add it via Theme Options > CSS:

.x-navbar .desktop .x-nav>li>a>span {
    border: none !important;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[jonassoeder]

Thank you very much, worked perfectly

Case solved!

[ruenel]

Hello Jonas,

We’re just glad that @Nabeel were able to help you out.
If there’s anything else we can help you with, do not hesitate to create a new thread.

Best Regards.