I use VSCode but the corners are not rounded. so i went onto reddit to make a code. but when i use it, most of the element are rounded except the most important part which are the tabs. i have asked GPT to help me fix it but it doesn't work. Can anyone please help?
#Rounded corner is not rounded
abstract pike
I use VSCode but the corners are not rounded. so i went onto reddit to make a co...
First of all, you should really avoid !important.
!important can be a useful trick to test if you have a specificity issue but you could also just check specificity in devtools, but other than that, it should never be used. So it should more be used as debugging and after debugging is done you remove it. Instead of using !important you need to learn how specificity levels works in CSS and you never need to use this again.
Anyway, this was completly unrelated to your question, just wanted to let you know this. But to answer your question. The way you debug CSS is not by looking at a bunch of CSS Code, to debug CSS you need to inspect the elements in the devtools, that is why it's usually called "Inspect Element" or "Devtools" in the browsers. It is a tool for us developers to inspect the elements and check for issues. So that's how we debug CSS.
So, if you actually want us to debug your issue, please share your code on https://codepen.io and i can try to solve the issue for you
Remember to also include the html code when you upload to codepen
raven mantle
uhhhh i dont got no html code? i just have this code
@abstract pike also im not a CSS nerd im just a python newbie so i dont know how to fix this really
abstract pike
uhhhh i dont got no html code? i just have this code
uhm... no html? so what are the css being applied to then?
raven mantle
to VS Code
final cloud
to VS Code
So you are basically customising the vscode UI right?
And you want the corners of the vscode window rounded or any specific element in the UI?
abstract pike
to VS Code
Ah not sure then. I cannot really help without being able to see the html code...
raven mantle
And you want the corners of the vscode window rounded or any specific element in...
yeah
final cloud
If you want to make the corners of the vscode window round? It can't be done I guess with simple css because it's not the part of the vscode UI
And if you want to make the border of any element rounded, then you can use !important tag to override all other border properties
abstract pike
And if you want to make the border of any element rounded, then you can use !imp...
Or learn about specificity. You can just hover over a selector in devtools to see the current specificity, then you can make a more specific selector. that will overwrite the default styling without any issues
So in this case, you can select 2 classes, it will be 0,2,0 spexificity. Or 1 class, 2 tag names will be 0,1,2 so that will also override the current style.