By jweinraub on

I like to move the left hand side further left to remove the white space, as well as move the right hand side towards the right, so that the centre has more space. I like to remove line wrapping with entries and with the majority of my endusers using widescreen monitors it doesn't look that great.

Thanks.

Preview Image

⋅ Categories: Drupal 8.x

Comments

VM’s picture

VM commented

you would have to adjust all of the CSS fixing the width. However, I suggest utilizing a responsive theme

jweinraub’s picture

jweinraub commented

It is for a corporate intranet so I like the cleanness the default one provides, and the purple fits with our company's branding. I tried grepping for all instances for width but regardless of which one I changed, and even after clearing out the drupal cache, i couldn't see any apparent changes.

VM’s picture

VM commented

D8 Bartik is likely already responsive after thinking through it further. Thus what your seeing could also be css padding or margin. Difficult to be precise without a link to the site.

I tried grepping for all instances for width

That's not the best way forward. I suggest utilizing your browsers inspector tool to get better acquainted with the existing CSS and how the theme in use works. Be sure to generate a subtheme of bartik for changes of this nature to avoid the changes you make being overridden during update/upgrade/etc.

jweinraub’s picture

jweinraub commented

Unfortunately it is on a corporate intranet and not external.

I found some code by using the inspector as instructed, and was able to move the left side bar, but the right sidebar vanished and the width vanished. not sure where the padding is. I am using the basic default Bartik theme with the two sidebars. Nothing has changed out of the box from a default drupal 8 install. I just need to reduce the padding of the left and right side bars so the middle can then be wider.