Posted by help with css corners

🌑gwenish🌑 (#245999)

Untitled
View Forum Posts


Posted on
2023-11-18 20:34:21
hi there! so if you look at my profile (im gonna try to keep it up as long as possible so people can see) the nav bar, and many other things, are round, except the background behind them (the dark grey and such) are not round, i have went through my template a million times and cannot see anything that may change this?

please send help! also is this the right topic for this? i didnt see anything else



Hrt Icon 0 players like this post! Like?

Sketch (Side) (#243813)


View Forum Posts


Posted on
2023-11-20 02:31:45
I think you might have edited them to have sharp corners already, so I can't have a live view of it.

Assuming you are talking about the container holding everything other than the top bar, then I believe you can change the top corners of the navigation bar, and the bottom left corner of the col-md-9 and the bottom right corner of sidebar. It's somewhat messy now that I think about it.



Hrt Icon 0 players like this post! Like?

🌑gwenish🌑 (#245999)

Untitled
View Forum Posts


Posted on
2023-11-20 13:05:30
im not sure if i understand what you're talking about? but ill put the css up so you can see, its around the nav bar and the panels with my kings icon/profiile icon, then at the displayed caves - i will say it again, there is a darker outline thats half opacity and i cant figure out where to make it round with the other stuff



Hrt Icon 0 players like this post! Like?

Sketch (Side) (#243813)


View Forum Posts


Posted on
2023-11-20 14:02:23
It's all good, I'll try to go over as much as I can with you.

General Comments
Consider adding a semi-colon (;) for each CSS property you have used. There are a couple of properties (for example, border-radius:important that is missing a semi-colon at the end. Should be border-radius:important;) Best practice is to always have semi-colons or it can give some internet browsers bugs.

For rounded corners
1. Main Container
In your particular stylesheet, the one that you have used in Dropbox, you will have to navigate to
/*MAIN PANEL*/ → /* RIGHT SIDE */ → .container.main
Under .container.main, you can adjust the border-radius from 0px to 20px. This should change the grey container.

2. Lion + Player Information + Pride Table
You will have to change the border-radius of .top, .bottom, th
/* HEADERS COLOR (King Name + Title, "There are _ lions with mutations in _'s pride.") */ → .top, .bottom, th
Right now, the border-radius is 0px, you will have to increase it to 15px.

I am unsure what you mean by the darker outline?



Hrt Icon 0 players like this post! Like?

🌑gwenish🌑 (#245999)

Untitled
View Forum Posts


Posted on
2023-11-20 14:29:27
its behind the main thing, but i think i understand what you mean now - also put the ; at the end of every single line? or just the ones with 'important'? i had some issues when i put the ; at the end of some things, so i removed them and its been working well for me so far, im gonna try this really quick though



Hrt Icon 0 players like this post! Like?

🌑gwenish🌑 (#245999)

Untitled
View Forum Posts


Posted on
2023-11-20 14:35:33
it worked! thank you a lot, would still like to know the answer if im supposed to put ; on the end of everything



Hrt Icon 0 players like this post! Like?

Sketch (Side) (#243813)


View Forum Posts


Posted on
2023-11-20 15:01:44
You should generally still use semi-colons behind the properties. If a CSS style doesn't work because you put a semi-colon, there is something fundamentally wrong with the skeleton of your code.

I'm glad I could help out. :D



Hrt Icon 0 players like this post! Like?


Edited on 20/11/23 @ 15:01:56 by Sketch (Side) (#243813)







Memory Used: 623.25 KB - Queries: 1 - Query Time: 0.00061 - Total Time: 0.00438s