Hi! I am very new to web developement and hugo (but experienced coder). I am working on a website using the ‘coder’ theme as a template in Visual Studio. I wanted to change the width of the website, so I went into the public/css/coder.css file and found the .container object and changed the max-width parameter. This updated my site and all is good. Except next time I change anything in any file, it reverts it back to the original max-width and throws 2 errors in the public/css/coder.css file;
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=“button”],
[type=“reset”],
[type=“submit”] {
-webkit-appearance: button; }
Error: Also define the standard property ‘appearance’ for compatibility
/**
*1. Correct the odd appearance in Chrome and Safari.
*2. Correct the outline style in Safari.
/
[type=“search”] {
-webkit-appearance: textfield;
/ 1 /
outline-offset: -2px;
/ 2 */ }
Error: Also define the standard property ‘appearance’ for compatibility
I googled this and used a solution where I just add a line below like
-webkit-appearance: button;
appearance: button;
This fixes the problem for a little while (and does not revert the size). However, after a while, but still in the same session, it changes everything back to original and throws the errors again. As I am very new to web development, I might be completely missing some crucial information here. Any help is appreciated!