JA ACM Module different in a backup site.

pagefactory

Hi There,

I made a site with the ja seven template on url http://oostveen.nu/beauty
when I was ready I make a back up and put the files in the public-html url http://beautyenpride.nl

Now the JA ACM module on the homepage "wat wij doen" Onze behandelingen , had suddenly vertical lines between the supjects
What to do to get the same as the original

her two screenshots, what is is now and what I wanted

and

francus641

add this code in your custom.css file (in the template folder)

.acm-features.style-1 .row>div {
border-left: 0px !important;
border-right: 0px !important;
}

However the vertical lines are present in both links you posted.
Try an anonymous session or switch browsers, you will see the lines even on the first site.

pagefactory

Hi there,

thx and I made the custom.css in templates/ja_seven/css, and check it in the anonymous session of my mozilla firefox browser and safari as well but still see the lines

ragards Rob

francus641

I have no experience with templates based on t4, i've only used t3 untill now.
and I don't see custom.css in the souces of your page
maybe with t4 custom.css needs to be located in templates/t4_blank/local/css/custom.css

https://www.joomlart.com/documentation/t4-framework/css-scss-customization

I hope a moderator can clarify, the code i provided works 100%

saguaros

I added this custom css code:

@media (min-width: 1400px){
.acm-features.style-1 .row>div {
    border-left: none !important;
}
.acm-features.style-1 .row>div:last-child {
    border-right: none !important;
}
}

into this file: root/templates/ja_seven/local/css/custom.css on your site.

Kindly check.

pagefactory

saguaros, that's working fine but one thing
I look in the custom.css /templates/ja_seven/local/css and try to get the min height less (now there is a great white space
between the supjects)

so I try this code but that does'nt work:
@media (min-width: 1400px){
.acm-features.style-1 .row>div {
border-left: none !important;
min-height: none !important;
}
.acm-features.style-1 .row>div:last-child {
border-right: none !important;
}
}
Can you please help me with the code what works ?

friendly regards

Rob

saguaros

Hi Rob,

I updated the custom css for the min-height of item in this module a bit:

#Mod98 .acm-features.style-1 .row > div {
    min-height: auto;
}

regarding to the space in the bottom of module, you can change this setting under Extra Field tab of module:

pagefactory

Saguaros thx works fine now , it's what I want

kindly regards
Rob