CSS: .urlbar-textbox-container in Firefox 66
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)
I'm not sure what this selector was used for. You can see the current implementation or the urlbar-container here:
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?
<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?
- https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
- use a compressed image type like PNG or JPG to save the screenshot
Modified by cor-el
Chosen Solution
Try this code:
.urlbar-input-box { margin-inline-end: 3px !important; }
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.
