I know I can add the code to custom.css but I want to know why changing it as Joomlart recommends does not work. I was following this video and the instructions were not successful.
https://www.joomlart.com/video-tutorials/t3-framework/customize-template
Here are the steps I went through
I am altering this file
templates.ja_healthcare.acm.slideshow.less.style.less
I placed the template in dev mode
opened the less file
changing the element at line 192 as you can see below
saved and uploaded the file
went back to the front end where I confirmed the changes were successful
went to the template in the admin back end
disabled dev mode
saved the template
clicked on lesss to css
returned to the front end and the changes were not there when the page was refreshed
changing the element at line 192
.acm-slideshow .owl-carousel .owl-dots {
position: absolute;
/ bottom: 120px;/
left: 50%;
text-align: left;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 100%;
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
padding-left: 0;
padding-right: 0;
}
As you see I commented out the line that I want to change and save the file but when I go back to