Support Forum

Process Particle - Custom CSS

Hi Ivo,

hope you are fine !

I have a little issue with adding custom css to the process particle. I want a different layout for the smartphone view.

So I added this CSS to the custom.scss:

.process-smartphone {

.g-process .g-process-item .g-process-item-icon {
font-size: 1.5rem;
line-height: 45px;
border-radius: 50%;
width: 50px;
height: 50px;
}

.g-process .g-process-item .g-process-image img {
border: 5px solid #f86b35;
}

.g-process .g-process-item .g-process-image img {
width: 180px;
height: 180px;
}

}

I add the "process-smartphone" to all possible CUSTOM CSS placeholders but it doesnt have any effects. The layout doesnt change.
I recompile CSS for the outline and add even the CSS block above in the page settings (Assets -> CSS). But it has no impact.

What could be problem? :/ Hope you can help me out.

Thank you in advance bro
Regards
Sokrates
Responses (3)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!