Add additional Styles to the ACM

abccomputer

I would like to add a few additional styles to the ACM, using different colors (secondary as a background color instead of primary with black text), Where do these get added, I'm not seeing anything in the forum or documentation.

saguaros

Hi abccomputer

Do you mean the style: Default, Primary, Success... in JA ACM - Features Intro : style-1, right? These styles are based on the default classes of Bootstrap and they are declared via LESS files.

If you're not familiar with LESS, you can try this tweak with CSS:

1- Open the file: root/templates/ja_insight/acm/features-intro/tmpl/style-1.xml

<option value="default">Default</option>
<option value="primary">Primary</option>
<option value="success">Success</option>
<option value="warning">Warning</option>
<option value="danger">Danger</option>
<option value="info">Info</option>
<option value="custom">Custom</option>

add 'Custom' option like above

2- This custom style will appear in the list and you can select it:

3- On frontend, a new class will be generated: btn-custom , now you can declare css rule for this class:

.btn-custom {
    color: #ffffff;
    background-color: #132e5e;
    border-color: #132e5e;
}

change the color as you wish and put into the file: root/templates/ja_insight/css/custom.css

Regards

abccomputer

No I'm talking at the Features Intro sytle1-3 creating a new style 4 that has different background colors different text colors from the other styles. This way I don't have to modify HTML all the time.

saguaros

abccomputer You can clone an existing style and rename it to have a new style and customize as you wish.