Problem with the inspector under firefox

[grandseb59]

hello,
could you please help me understand my problem?
I'm trying to adjust the CSS of my Theme.
So I'm working with the "inspector" under firefox, but the line where it sends me back to my file is not good and if I correct the right line, it doesn't show me the changes.
Whereas if I do the same thing under chrome, it gives me the right line and the changes appear.
I just want to change the colors, so basically, nothing to complicate but it's a headache!

whith firefox:


with Chrome:
Screenshot removed per request from the OP. -Lex

[Antechinus]

Why not just use Chrome, if it works? I've never encountered this problem with Firefox, but I have noticed their latest developers' build seems a bit iffy sometimes.

[grandseb59]

the problem is the rendering.
Those who will come to my forum via firefox will not have the same rendering as those who will come via chrome.

[Antechinus]

I mean you can do the editing in Chrome, and still check the results in other browsers. If you are only changing colours, they should render the same in all browsers. Browser differences only tend to happen with positions and dimensions. Colours are generally bulletproof.

Anyway, in Chrome I get this:

Code (index.css - Line 4020) Select Expand

.breadcrumbs.block-breadcrumbs {
background: #000;
border: 1px solid #000;
border-top: none;
padding: 10px 10px;
border-radius: 0 0 6px 6px;
}

And in Firefox I get this:

Code (index.css - Line 4020) Select Expand

.breadcrumbs.block-breadcrumbs {
    background: #000;
    border: 1px solid #000;
    border-top: none;
    padding: 10px 10px;
    border-radius: 0 0 6px 6px;
}

[grandseb59]

ok thank you very much