Awaiting an answer Templates

suffix CSS

Asked by UNIGIRO LIMITED 4 years ago Last activity 4 years ago

Hi,

I have to change the style of a module , using Helix Ultimate template. Image, color, scroller...
And I am following your guide "custom code" in order to insert the right code in the module class CSS.
can you please give an hints for the syntax to be followed ?
Thanks

4 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago · edited

Hi Serena,

It works this same in all templates I guess since J 1.5.

as 1st step in new Module in tab "Advanced" - Module Class Suffix : put extra class name, for example, pepsi

I mean: [space] pepsi

foto_8352_2022.jpg

  1. The use custom CSS to definie new style for that module
.sp-module.pepsi  {   ....  } 

.pepsi h3.sp-module-title { ... }

Whole rest is in your hands / keyboard.

UNIGIRO LIMITED Asked this
4 years ago

thank you Paul.

I put this:

legend {
background-color: #33333
}
p {
border : 5px solid red;
}

but it does not work .... why ???

Paul Frankowski Senior Staff
4 years ago

If instead of "pepsi" you used word "legend" - you forgot to put dot (.) before legend

.sp-module.legend, .sp-modulelegend { background-color: #33333 }

2nd lines is too general, it's not releated to .legend class name (!)

Sorry, but we cannot teach you CSS here. You have to study more.

UNIGIRO LIMITED Asked this
4 years ago

Hi Paul !!

yes absolutely !! thank you !!

Log in to reply.