evaverwey

WOW! it worked! thank you so much!

Hi @crouchingbruin,

Thanks for your answer. I removed the extra dash, but unfortunately the site is still not working properly. In CSS some words are red. Has that anything to with it?

Ps. this is my site: https://www.grijsisookeenkleur.nl

Hi,

I’m having trouble too with the order of my sections using Simple Custom CSS. I use the flex box below and in most of my browsers it works fine. Only when I try to view my site in safari, it is totally messed up.

Do you know what’s wrong and how it can be fixed?

/* Flexbox container */
#content {
display: -webkit-box; /* OLD – iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD – Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER – IE 10 */
display: -webkit-flex; /* NEW – Chrome */
display: flex; /* NEW, Spec – Opera 12.1, Firefox 20+ */ –
-webkit-box-orient: vertical;
-ms-flex-direction: column;
webkit-flex-direction: column;
flex-direction: column;
}
#focus {
-webkit-box-ordinal-group: 2; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 2; /* OLD – Firefox 19- */
-ms-flex-order: 2; /* TWEENER – IE 10 */
-webkit-order: 2; /* NEW – Chrome */
order: 2; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#aboutus {
-webkit-box-ordinal-group: 4; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 4; /* OLD – Firefox 19- */
-ms-flex-order: 4; /* TWEENER – IE 10 */
-webkit-order: 4; /* NEW – Chrome */
order: 4; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#team {
-webkit-box-ordinal-group: 5; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 5; /* OLD – Firefox 19- */
-ms-flex-order: 5; /* TWEENER – IE 10 */
-webkit-order: 5; /* NEW – Chrome */
order: 5; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#latestnews {
-webkit-box-ordinal-group: 1; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 1; /* OLD – Firefox 19- */
-ms-flex-order: 1; /* TWEENER – IE 10 */
-webkit-order: 1; /* NEW – Chrome */
order: 1; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#testimonial {
-webkit-box-ordinal-group: 3; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 3; /* OLD – Firefox 19- */
-ms-flex-order: 3; /* TWEENER – IE 10 */
-webkit-order: 3; /* NEW – Chrome */
order: 3; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#contact {
-webkit-box-ordinal-group: 6; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 6; /* OLD – Firefox 19- */
-ms-flex-order: 6; /* TWEENER – IE 10 */
-webkit-order: 6; /* NEW – Chrome */
order: 6; /* NEW, Spec – Opera 12.1, Firefox 20+ */
}
#footer {
-webkit-box-ordinal-group: 7; /* OLD – iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 7; /* OLD – Firefox 19- */
-ms-flex-order: 7; /* TWEENER – IE 10 */
-webkit-order: 7; /* NEW – Chrome */
order: 7; /* NEW, Spec – Opera 12.1, Firefox 20+ */