stick footer to bottom

Did you include a link to your site, so that others can see the problem?

Did you try https://www.cssstickyfooter.com/

here it is ? https://mariliachamon.com/

I tried something similar to the sticky footer, but the problem is that I dont have a wrap to header and content

You shouldn’t need a wrap. Your body tag wraps everything and is set to height:100% already.

I added the css there with the proper selectors, but the footer is still just after the content

Try this:

html, body {height: 100%;}

#main-wrapper {
	min-height: 100%;
	margin-top: -124px;
}

#main-wrapper .container {
	margin-top:124px;
	padding-bottom: 50px;}  /* must be same height as the footer */

body footer#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

Let me know if that works. Thanks!

I customized the template, now the footer is in the bottom
thanks