Full Width Content Monochrome Pro

[benjamins]

Hi everyone!

New to Genesis and working on changing the default width in Monochrome Pro. I can change the default width to 980px, with this:

.full-width-content .content {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 980px; /* default = 680px */
}

This works, however, making that wider throws off the alignment of other elements. For example, if I add an image (using the block editor) to the page, and set it to wide width it's not centered.

Similar issue on the sample Pricing page, the 3 and 4 column examples are not centered.

What other CSS changes do I need to make? Any width other than 680px seems to throw off the left/right margin balance.

Thanks for the help, Benjamin

[benjamins]

Hi,

Follow up. It looks like an issue with the alignwide Gutenberg class (\monochrome-pro\lib\gutenberg\front-end.css). See the blog post below for information:

https://www.billerickson.net/full-and-wide-alignment-in-gutenberg/

[MarcoLR]

Ciao, vorrei modificare il template della pagina articolo, in default mi appare il titolo, data e nome autore e poi l'immagine in evidenza con l'immagine del profilo autore. Come faccio a nascondere l'immagine in evidenza insieme all'immagine autore? vorrei che si vedesse solo l'immagine in evidenza a tutto schermo, magari potrei aggiungerla io con un blocco. C'è un codice CSS che mi permette di modificare il template?

[Author]

Posts