Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2 

 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
Reply | Quote
Re: Rounded Borders


I will find out for you.

---

SS eH PF
9/9/2020, 11:47 pm Link to post PM Susa Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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?

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/10/2020, 5:24 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
Reply | Quote
Re: Rounded Borders


Image

That's the only border that won't change.

---

9/10/2020, 1:54 pm Link to post Email Shannt   PM Shannt
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/11/2020, 1:54 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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.

Image

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:

Image



---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/11/2020, 5:35 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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;
}

Image

---

9/11/2020, 3:56 pm Link to post Email Shannt   PM Shannt
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/11/2020, 7:27 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Shannt Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster

Registered: 02-2019
Location: Texas
Posts: 143
Karma: 0 (+0/-0)
Reply | Quote
Re:


Yay, thank you again! emoticon

---

9/11/2020, 7:37 pm Link to post Email Shannt   PM Shannt
 


Add a reply

Page:  1  2 



You are not logged in (login)