Remove the border box from widget in portal

kumaran
Giga Expert

Hi Experts,

I need to remove the border of the widget and border of the content. I used the .panel{
box-shadow:none;
border-color: transparent;
} and removed the widget border. I want to remove the border of the content when the list is separated by gray line

find_real_file.png

I need script to remove the arrow marked border, it is not the widget border. I need to retain the gray line in between the records, only the outline should be removed.

1 ACCEPTED SOLUTION

Mark Roethof
Tera Patron
Tera Patron

This is how I just override the border in Page Specific CSS. As mentioned, you could also do this on the Widget instance. If it's for your whole portal, you could do this on the Theme CSS.

And obviously, if no border wanted: instead of my example with border 5px solid red, just use border: 0px

find_real_file.png

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

View solution in original post

6 REPLIES 6

Mark Roethof
Tera Patron
Tera Patron

Hi there,

Do you mean this border?

find_real_file.png

Also notice how I changed just this border, and not the inside borders. You could add page specific CSS (or if it's only that widget, widget instance CSS), to override the border setting.

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Hi Mark,

Ran into your solution just today. It works thanks!

But can you also point out how to change the inside borders?

I now have 

.b {
border: 2px solid #008CD3;
}

I tried with border-left, border-right etc, but it does not work

Tx!

Tom

Mark Roethof
Tera Patron
Tera Patron

This is how I just override the border in Page Specific CSS. As mentioned, you could also do this on the Widget instance. If it's for your whole portal, you could do this on the Theme CSS.

And obviously, if no border wanted: instead of my example with border 5px solid red, just use border: 0px

find_real_file.png

find_real_file.png

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn
Community article list

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

Thanks for the reply Mark.

I want to remove the border under Announcement title

find_real_file.png