Sorry if this isn't the place for what is probably a very beginner question, but here goes:
I'm trying to remove a sidebar panel from a (Confluence wiki) page but am struggling to find out how to apply a change I can make from Firefox Inspector to the css.
This is the code I'd like to change (but can't directly, since I don't have full control over the html):
If I edit this aui-page-panel class in Firefox Inspector, I can change the margin-left of "element" (inline) to 0px and see the result I'd like.
But if I copy the rule change from inspector, I get this code:
Which seems very generic, and doesn't impact the sidebar if I paste it in the overrule stylesheet, and neither do some of my other beginner attempts like
I'm trying to remove a sidebar panel from a (Confluence wiki) page but am struggling to find out how to apply a change I can make from Firefox Inspector to the css.
This is the code I'd like to change (but can't directly, since I don't have full control over the html):
HTML:
<main role="main" id="main" class=" aui-page-panel" style="margin-left: 285px;">
If I edit this aui-page-panel class in Firefox Inspector, I can change the margin-left of "element" (inline) to 0px and see the result I'd like.
But if I copy the rule change from inspector, I get this code:
CSS:
element {
margin-left: 0px;
}
Which seems very generic, and doesn't impact the sidebar if I paste it in the overrule stylesheet, and neither do some of my other beginner attempts like
CSS:
div#main {
margin-left: 0px;
}