Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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.

Rohkem teavet

CSS: .urlbar-textbox-container in Firefox 66

  • 5 vastust
  • 1 on selline probleem
  • 1 view
  • Viimati vastas Yaron

more options

Hello,

.urlbar-textbox-container { margin-inline-end: 3px !important; }

does not work in FF 66.

What should be the replacing rule?

Thank you.

Hello, .urlbar-textbox-container { margin-inline-end: 3px !important; } does not work in FF 66. What should be the replacing rule? Thank you.

Muudetud Yaron poolt

Valitud lahendus

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
Loe vastust kontekstis 👍 0

All Replies (5)

more options

I'm not sure what this selector was used for. You can see the current implementation or the urlbar-container here:

more options

Thank you cor-el.

I just want to add a 3px margin to the urlbar-textbox (on the left).. I've tried various combinations but none works.

Can you please try it?

more options

<strike>That is between the Control Center 'i' icon and the text box ?</strike> I assume that you want some margin at the end of the text before the icon that appear at the right.

Can you attach a screenshot to show how it currently is?

Muudetud cor-el poolt

more options

Valitud lahendus

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
more options

Hello cor-el,

My Firefox is RTL (Hebrew).

I wanted to add a margin before the address.

.urlbar-textbox-container { margin-inline-end: 3px !important; }

used to work prior to FF 66.

I've actually tried

.urlbar-input-box { margin-inline-end: 3px !important; }

but it didn't work.

It turns out it should be "margin-inline-start" or ""margin-left".

.urlbar-input-box { margin-left: 3px !important; }

works.

Thank you very much. I appreciate your help.