Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Homepage not editable

  • 2 replies
  • 0 have this problem
  • 12 views
  • Paskiausią atsakymą parašė zeroknight

more options

I recently set-up a userChrome.css folder to customize my browser. The thing I miss about Chrome is the fully rounded shapes that use "border-radius: 2em;". I noticed that I can't change the border radius of search bars and tabs to make them fully rounded.

I have tried: @media (border-radius: 8px) { border-radius: 2em !important; }

I have also tried 30 different codes but none edited the homepage, I have even looked through the activity-stream.css to copy the code and change just that tiny bit for my liking but nothing. My question is, is there any other way to achieve fully rounded corners on all things?

I recently set-up a userChrome.css folder to customize my browser. The thing I miss about Chrome is the fully rounded shapes that use "border-radius: 2em;". I noticed that I can't change the border radius of search bars and tabs to make them fully rounded. I have tried: @media (border-radius: 8px) { border-radius: 2em !important; } I have also tried 30 different codes but none edited the homepage, I have even looked through the activity-stream.css to copy the code and change just that tiny bit for my liking but nothing. My question is, is there any other way to achieve fully rounded corners on all things?

All Replies (2)

more options

Do you want to modify a webpage? Then you should use userContent.css.

more options

You can't substitute CSS properties so easily, you need to identify and select all the elements that use border radius. The homepage can be given a more rounded appearance with the following userContent.css:

@-moz-document url(about:home), url(about:newtab) {
  .search-handoff-button, .tile, .card, .card-outer, .card-preview-image-outer, .ds-card, .ds-card .img img {
    border-radius: 2em !important;
  }
}