Ce site disposera de fonctionnalités limitées pendant que nous effectuons des opérations de maintenance en vue de vous proposer un meilleur service. Si un article ne règle pas votre problème et que vous souhaitez poser une question, notre communauté d’assistance est prête à vous répondre via @FirefoxSupport sur Twitter, et /r/firefox sur Reddit.

Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

Homepage not editable

  • 2 réponses
  • 0 a ce problème
  • 12 vues
  • Dernière réponse par zeroknight

EXC4L1BXR
EXC4L1BXR
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?

Toutes les réponses (2)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

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

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