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

CSS: .urlbar-textbox-container in Firefox 66

  • 5 replies
  • 1 has this problem
  • 1 view
  • Last reply by 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.

Modified by Yaron

Chosen solution

Try this code:

.urlbar-input-box  { margin-inline-end: 3px !important; }
Read this answer in context 👍 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?

Modified by cor-el

more options

Chosen Solution

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.