Apply custom CSS to modules?

easistudio
Offline Topic Author
Premium Member
Posts: 123
Thanks: 5

Apply custom CSS to modules? was created by easistudio

Posted 2 years 5 months ago #62443

As I have mentioned in previous posts, I am deconstructing a static HTML template I purchased on Code Canyon (aka Theme Forest) and reconstructing this as a Joomla template using TemplateCreatorCK (with a little assistance from MaxiMenuCK too).

At the moment I am styling the modules that appear in the right column and below is the CSS styling from the HTML template I want to use.

Code:

.utf_box_widget {
    background-color: #fdfdfd;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 7%);
    border-radius: 4px;
    padding: 20px;
    transform: translate3d(0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

I thought if I add this class to the template custom CSS in TemplateCreatorCK,

I could then call this CSS class

but it does not get applied in the front-end.

I have saved, applied changes and pressed CTL-F5 (a number of times) but nothing changes (I know it does not applied in TemplateCreatorCK backend interface).

Last Edit:2 years 5 months ago by easistudio