Public Forums 71,145 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959539

Hi there

Could you post a link to the page where you added this customized module with custom.css ?

i tested this code on my local and it worked fine as you can see from image below

@media (min-width: 768px) {
.acm-features.style-1 .acm-features-intro {
    column-count: 1!important;
}
}

---

Attachments:

1. 

[northis Friend northisJoin date: April 2014Posts: 27Downloads:28Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#959573

Hi

You can view it at: http://www.nuwedam.co.za

I made my changes in : /public_html/templates/ja_elicyon/css/custom.css

Should I make changes elsewhere?

Thanks for the help

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959574

northis wrote:

Should I make changes elsewhere?

No it is correct but you should use my code, if you are still having problems you can share as private reply a temp super user account to your backend and i will check your files

[northis Friend northisJoin date: April 2014Posts: 27Downloads:28Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#959592

This reply has been marked as private.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#959606

Hi

You are using the red theme so custom.css file should be in this theme folder , specifically it is in /local/css/themes/red/

as you can see now it works fine.

Regards

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. northis

[northis Friend northisJoin date: April 2014Posts: 27Downloads:28Uploads:3 Thanks: 6 Thanked: 1 times in 1 posts]

#959611

Hi Pavit

I am not sure what you were seeing, but by me it was still the same. The only thing different was the optimizations that I made is now gone because you removed the custom.css file that I created. Luckily I had a copy of it and moved those changes to the new file you created.

That intro text was still in colums.

I am using firefox on mac, so I believe it wanted the "-moz-column-count: 1 !important;" to be there.
I added my first attempt:

    @media (min-width: 768px) {
      .acm-features.style-1 .acm-features-intro {
        -webkit-column-count: 1 !important;

        -moz-column-count: 1 !important;

        column-count: 1 !important;
        -webkit-column-gap: 60px;

        -moz-column-gap: 60px;

        column-gap: 60px;
      }
    }
    @media (min-width: 992px) {
      .acm-features.style-1 .acm-features-intro {
        width: 85% !important;
      }
    }

now it works fine.

Maybe it also needs !important, however it work now.

Thank you very much for all your help, I really appreciated it. And now I also know where to make my changes in future.

Warmest regards

[Author]

Posts