Joomla Templates Club 406,261 posts

[mario2000 Friend mario2000Join date: May 2009Posts: 4Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#198470

Hi
Im new to joomlart and I find big problems to add module class suffix, to have different styles.
– Theme magic dont have the ability to create more that 1 class, I need at last 3 different clases.
————
¿This theme (appolio) have preloaded class for modules?
————
I want to add 3 clases (box1 – box2 – box3) with similar css codes, but different colors

.box1 {background-color:#ff0000; border:#222 1px solid;}
.box1 {background-color:#886600; border:#222 1px solid;}
.box1 {background-color:#000000; border:#222 1px solid;}
———-
I have tray to add this code to my custom.css file, and box1 to my module class, but nothing change, on fronted I have this class <div class=”t3-module module box1″ id=”Mod142″> – so, the class suffix is added to the module, but no the css code for this class suffix.
———-
¿if I want to create this module variations directly from less, wath file I need to change?
———
Also, looking in the typography page of this theme – http://ja_appolio.demo.joomlart.com/index.php/en/typography – i have found some clases for the BUBBLES, for example – bubble-4 – , but realy DONT work.

Thanks for your help.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#537830

Hi
Try this thread suggestions by Tom C
to add module class suffix
http://www.joomlart.com/forums/topic/module-class-suffix-33/
hope it will help you

1 user says Thank You to Pankaj Sharma for this useful post

1. TomC

[mario2000 Friend mario2000Join date: May 2009Posts: 4Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#537899

NO
This small tutorial dont work for me. Sems like dont read the custom.css file, even if i add the sidebar-2 position in module class suffix ( hero-unit sidebar-2).

Maybe some people here, have an solution for this theme.

Thanks

[mario2000 Friend mario2000Join date: May 2009Posts: 4Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#537900

My website is http://gritafuerte.es , and I want to add module variations to the left sidebar (in maynbody section sidebar-2)

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#537908

Here are some additional resources which may be helpful . . .

http://docs.joomla.org/Using_Class_Suffixes

http://docs.joomla.org/Module_Class_Suffix

http://davidpattinson.co/how-to-use-joomla-module-class-suffix/

[mario2000 Friend mario2000Join date: May 2009Posts: 4Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#537927

Solvetin this way:
——–
1- Add
.box1 {background-color:#ff0000; border:#222 1px solid;}
.box2 {background-color:#886600; border:#222 1px solid;}
.box3 {background-color:#000000; border:#222 1px solid;}
to your custom.css file – /public_html/templates/ja_appolio/css/custom.css

2 – Add box1 to your module class suffix WITH AN SPACE in the beginning

3 – In your module go to Avanced tab
4 – In this tab in the last file (Module Style) I have selected the option System – ROUNDED
5 – Save your module, clean the chache … and all work.

1 user says Thank You to mario2000 for this useful post

1. TomC

[Author]

Posts