DIVI: Specifying the number of columns for a DIVI blog

The basic settings in a blog at DIVI Divi is a WordPress theme and has great features. With this theme you hardly need any additional plugins in WordPress! Official website of Divi do not allow the selection of columns. But you can change this with our CSSCSS ( Cascading style sheets ) means “multi-level format templates” in German. CSS is a formatting language for HTML, SVG and XML documents. CSS is used to separate the content of a website from the design! There is more information here . code 🙂

You can use this code for 3 columns:

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '3 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of4 {
	    width: 32%!important;
	    margin-right: 1%;
	}
}

… this code for 4 columns:

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
}

… this code for 2 columns:

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '2 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of4 {
	    width: 49%!important;
	    margin-right: 1%;
	}
}

Dieser Beitrag ist auch verfügbar auf: Deutsch (German)