Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Rounded Borders
Is there a way to get rounded borders by doing border-radius: 8px? I'm asking because I tried this for the main page of my board and it didn't work. Just on some parts of my board. Thank you!
---
|
9/9/2020, 3:00 pm
|
Link to post
Email Shannt
PM Shannt
|
Susa
Global Administrator
Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
|
Reply | Quote
|
|
Re: Rounded Borders
I will find out for you.
|
9/9/2020, 11:47 pm
|
Link to post
PM Susa
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Rounded Borders
Yes, border-radius: 8px (or however many pixels you want) is the correct code for rounded corners. Which corners are you trying to round?
|
9/10/2020, 5:24 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: Rounded Borders
That's the only border that won't change.
---
|
9/10/2020, 1:54 pm
|
Link to post
Email Shannt
PM Shannt
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Rounded Borders
I see what you mean. I’m on my phone right now, and will give it a shot when I get home from work in about 2 1/2 hours.
|
9/11/2020, 1:54 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Rounded Borders
I found what's causing it.
.forum_list_table {
border: 2px solid #725643 !important;
border-collapse: collapse;
}
... and ...
.topic_list_table {
border: 2px solid #725643;
border-collapse: collapse;
}
If you remove those two lines, it will let you round the corners. However, it will also separate all the table cells, like this.
If you remove the borders from those tables and table cells and give the tables background colors instead, this will create a border effect by letting the table's background color show in between the cells. To adjust the spacing between cells, you can add this:
border-spacing: 2px;
Result after removing borders and border-collapse, and adding background color and 2px of border-spacing:
|
9/11/2020, 5:35 am
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re:
Lesigner Girl - Thank you so much!
---
|
9/11/2020, 1:20 pm
|
Link to post
Email Shannt
PM Shannt
|
Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re:
Okay, I can't seem to get this part rounded.
/* DEFINES COLORS AND IMAGES IN MESSAGE AREA */
.ak_msgform_master_table {
background : #F1E8DA;
border : 2px solid #AE9978;
padding: 25px;
border-radius: 8px !important;
}
.ak_msgform_master_table td {
border : 0;
border-radius: 8px !important;
}
.ak_msgform_master_table input {
border : 0px solid #ccc;
border-radius: 8px !important;
}
---
|
9/11/2020, 3:56 pm
|
Link to post
Email Shannt
PM Shannt
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Rounded Borders
You're very welcome, Shannt!
I found border-collapse: collapse in the default css, so overrode that with border-collapse: separate in your CSS.
Last edited by Lesigner Girl, 9/11/2020, 7:27 pm
|
9/11/2020, 7:27 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Shannt
Regular poster
Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re:
Yay, thank you again!
---
|
9/11/2020, 7:37 pm
|
Link to post
Email Shannt
PM Shannt
|