Public Forums 71,145 posts

[leoncito08 Friend leoncito08Join date: December 2011Posts: 9Downloads:1Uploads:0 Thanked: 1 times in 1 posts]

#205518

I can not create a module suffix …
.moduletable .box … not work ..

and modification … where should it be? .. templante.css .. module.less? ??

in joomla 2.5 “.moduletable” worked well, but in joomla 3.0 does not work

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#566856

Hi there
Please clearly your issue and reproduce steps. Live site with access for inspecting also needed too.

Thank you,
Viet Vu

[leoncito08 Friend leoncito08Join date: December 2011Posts: 9Downloads:1Uploads:0 Thanked: 1 times in 1 posts]

#566860

<em>@jooservices 468465 wrote:</em><blockquote>Hi there
Please clearly your issue and reproduce steps. Live site with access for inspecting also needed too.

Thank you,
Viet Vu</blockquote>

I want to create a custom module, but does not load the Module Suffix

I’m trying so:

Module Suffix: art

template.css with the modification

div:

.module-art {background: # 355CEF; width: 700px; border: 2px solid # FC070B; }
.art {background: # 000; border: 2px solid # FC070B; }
.box_arte {background: # 000; border: 2px solid # FC070B; }
.module.mod-art {background: # 000; padding: 20px; border: 2px solid # FC070B; }
#module-art {background: # 000; padding: 20px; border: 5px solid # F0090D; }

none of these options work

I’m working on local server, and then move to online server .. but does not work and I can not continue with the rest

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

#566937

You can use module class suffix to distinguish that module from others with regard to the css classes it uses.

Using the JA OnePage template as an example . . . . .

You can create module class suffix as follows . . . .

1. Add new code block into templates/ja_onepage/css/custom.css

example:


.hero-unit {
margin: 59px 0 0;
padding: 0;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

2. Add your module class suffix within the selected module as follows:

Here are some additional resources concerning using module class suffix in Joomla . . . ..

JOOMLA DOCS: MODULE CLASS SUFFIX

USING TYPOGRAPHY PAGE to IDENTIFY MODULE CLASSES

Hope this helps to de-mystify some of the confusion in using module class suffixes to modify/customize
your JoomlArt based website.

😎

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#566959

<em>@leoncito08 468469 wrote:</em><blockquote>I want to create a custom module, but does not load the Module Suffix

I’m trying so:

Module Suffix: art

template.css with the modification

div:

.module-art {background: # 355CEF; width: 700px; border: 2px solid # FC070B; }
.art {background: # 000; border: 2px solid # FC070B; }
.box_arte {background: # 000; border: 2px solid # FC070B; }
.module.mod-art {background: # 000; padding: 20px; border: 2px solid # FC070B; }
#module-art {background: # 000; padding: 20px; border: 5px solid # F0090D; }

none of these options work

I’m working on local server, and then move to online server .. but does not work and I can not continue with the rest</blockquote>
Hi there
# Custom HTML Module is Joomla! module. So … if it’s not it’s Joomla! issue not JA issue.
But in fact it’s working
# After added module suffix you can use browser debugger to know how it as applied ( also confirm it’s working or not )
# Than now you can use that information to write your own css selector.

That’s it. Just follow logic step by step than we are king.

Thank you,
Viet Vu

[leoncito08 Friend leoncito08Join date: December 2011Posts: 9Downloads:1Uploads:0 Thanked: 1 times in 1 posts]

#567060

now working fine ..
I’m working on Purity template III
module suffix worked at some positions and not others ..
now is working well .. thank you very much for your help

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#567063

Glad to hear that.

Thank you,
Viet Vu

[Author]

Posts