CSS change to ACM module on Elicyon template

jross

Hello, I have tried to reduce the size of the text box without any success. I have attached a screenshot which shows the change I am trying to achieve.
Would it be possible to provide the css code that I can insert into my custom.css file?

Ninja

jross
Hi
Add below code in /css/custom.css file to change the font size in the slides.

@media (min-width: 768px){
.acm-slideshow .owl-carousel .item .slider-content .item-title {
    font-size: 28px;
}}

This suggestion is based on demo site.
If it does not work for you kindly add login details in first post https://cl.ly/3y3R0p24250G
and Let me know with a reply here.

Regards

jross

Thank you but I want to reduce the size of the text box, not the size of the text.
I've tried reducing margins or padding but neither change works.
Thanks, JR

Ninja

Hi
Use this code in custom.css file

@media (min-width: 992px){
.acm-slideshow .owl-carousel .item .slider-content-inner {
    float: left;
    width: 33.33333333%;
}}

.acm-slideshow .owl-carousel .item .slider-content-inner {
    padding: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

This is code used for box size and padding.

Hope it helps.

Regards

jross

Thank you, that worked as long as I used the !important notation. Without it, the changes would not work.
Thanks, JR

paulus1031

Thanks for the update

I'll mark this thread as solved

Cheers
Paul