2 slideshow modules with different styling

Hi Goran,

Well, in this case using the Module Class suffix is a potential solution to reach your requirement. I know you are used to be familiar with creating the Module Class suffix on Joomla template, but I still want to list the detailed steps below:

1. Define the css styles of Module class suffixes in templates/ja_university/css/template.css file (i.e):

#ja-slideshow .red {
/**your_styles/
}

2. Put the class suffix name (i.e red)to Module class suffix of module’s Advanced Options tab, make sure you leave a space before the text, then clear JAT3 cache.

In addition, we are going to suggest you some css tricks if you can describe more cleary how you want to achieve on different styled Slideshow modules.

Hi,

You can try on the solution of using Page class suffix via below steps:

– Create a Single Article menu item type link to Privacy Policy article (i.e). We need to do that since it can use the Page class option of a separated menu item.

– In this menu item’s backend, put the text “redslideshow” in Page class in Page Display options tab.

– Put below overridden css styles of page class suffixes into templates/ja_university/css/template.css file:

/*Page class suffixes*/
.redslideshow #ja-slideshow {
background: red !important;
}

Make sure you deleted the css styles of Module class suffixes i mentioned above:

#ja-slideshow .red {
height: 200px;
background: red;
}

Then clear JAT3 cache.