Custom CSS

[windsurfer]

Just upgraded to V14

Just wondering if there is a way to modify a templates css so it doesn't get overwritten by an update or should i copy the template and give it a different name ?

[Katryne]

In every template css folder, there is a mytngstyle.css file which should not be overwritten when upgrading. There should you put your css modifications.

[windsurfer]

Thank you

[windsurfer]

Working with template 13  I want to edit some css for the main image which is located in root/css/genstyle.css 

.rounded10 {
    border-radius: 10px;
    margin-right: 181px;
    margin-bottom: 50px;
}

I added the below to the root/css/mytngstyle.css but it will not pick that up. Am i doing something wrong

 .rounded10 {
    left-margin: 300px;
}

There is no css for this in the template css

[Katryne]

Try to include your css here : /templates/template13/css/mytngstyle.css

And if it does not give immediately the expected result, you may add !important, this way :

.rounded10 {
    left-margin: 300px!important;
} 

 

[windsurfer]

I tried that before and this is what i get .

 

[klooster]

The !important comes after the value of the property value pair declaration, preceded by at least one space!

 

.rounded10 {
    left-margin: 300px !important;
} 

[windsurfer]

Works now, thanks

Probably was too bust installing win 11 on my laptop.