Jump to content

Topic on Skin talk:Vector

How to apply css to both logged-in user and logged-out

1
188.191.238.101 (talkcontribs)

The way elements are displayed in inspect element for logged out user is different from logged in user.

@media screen and (min-width: 1000px){

.vector-feature-page-tools-enabled .mw-body {

display: grid;

grid-template: min-content min-content min-content 1fr / minmax(0,72em) min-content;

grid-template-areas:

'titlebar-cx .'

'titlebar columnEnd'

'toolbar columnEnd'

'content columnEnd';

}

}

I copied this from inspect element to Common.css changing minmax(0,72em) to change the content (.mw-body) size. This works for logged-in user, but not for logged-out user. Through inspect element this code doesnt even display in css of .mw-body

Reply to "How to apply css to both logged-in user and logged-out"