Need to add CSS to "Top widgets 1" on home page.

Hi, I added 3 different "Call To Action Widgets" to your "Top widgets 1" area on my home page. On each I selected widget rules -> widget styles -> Advertisement. It works but it doesn't look great. The other styles don't look great either. There is a custom CSS slot but I don't know how to use it. Could someone show me how to edit the CSS on this. I would like change alignment and add colour to the link, which is show up as black by default. Maybe put little arrow to the left of the link test to make it more clear that it is a link. Any help would be appreciated. Thanks,

J.

ref: http://integralmedicine.ca/

If You select "custom CSS class" this class is added to the module, so then You can use override.css to create custom styling for that element.

could you give me example code for this? Thanks.

If You add:
" my-suffix" as custom suffix, then in override.css:

Code: Select all

.my-suffix {}


can be used.