Kopiere et "Module Class Suffix"

Her kan du spørge om hjælp til design, templates og css.

Moderators: b-ronnow, General Support Moderators

Forum rules
Locked
Jaxon2009
Joomla! Apprentice
Joomla! Apprentice
Posts: 45
Joined: Sat Aug 08, 2009 6:54 am

Kopiere et "Module Class Suffix"

Post by Jaxon2009 » Tue Oct 22, 2013 11:12 am

Jeg bruger en template - Vertex fra Shape5. Den har to module class suffix's til styling af moduler. Jeg vil gerne kopiere og modificere et af disse, så jeg kan få en ny version med andre farver.
Den jeg vil kopiere "hedder" _dark.
Jeg fandt frem til, at koden lå i template.css-filen. Jeg kopierede de afsnit, hvori _dark indgik. Pastede dem ind og ændrede alle forekomster af _dark til _orange.

Jeg forsøgte derefter at style et custom html-modul med _orange, men der skete ikke noget.

Er der nogen, der har et bud på, hvad jeg har glemt eller gjort forkert?

Koden til _dark er indsat her i bunden

På forhånd tak!

.module_round_box-dark {
background:#F09450;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
border:solid 0px #C5C5C5;
padding:20px;
padding-bottom:16px;
color:#FFFFFF;
}

.module_round_box-dark a {
color:#999999;
}

.module_round_box-dark .s5_h3_first {
color:#999999;
}

.module_round_box-dark .s5_mod_h3 {
color:#FFFFFF;
border-bottom:solid 1px #0B0B0B;
background:#141414;
background: -moz-linear-gradient(top, #F09450 0%, #E8641B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1A1A1A), color-stop(100%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1A1A1A 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1A1A1A 0%,#121212 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #1A1A1A 0%,#121212 100%); /* IE10+ */
background: linear-gradient(top, #1A1A1A 0%,#121212 100%); /* W3C */
-moz-border-radius:0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
padding-bottom:11px;
padding-left:13px;
padding-right:13px;
padding-top:12px;
margin-left:-20px;
margin-top:-20px;
margin-right:-20px;
margin-bottom:12px;
}

littlejohn
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 242
Joined: Tue Jan 05, 2010 2:55 pm

Re: Kopiere et "Module Class Suffix"

Post by littlejohn » Wed Oct 23, 2013 1:20 pm

Der er mange ting der kan gøre, at det ikke virker.
Fx. hvis frameworket selv tilføjer nogle klasser eller selv minificere css'en (eller bytter om på rækkefølgen).
Umiddelbart lyder det som om du har gjort det rigtig, men det er svært at vurdere uden at se kontekst. Har du et link til siden?
Janich Rasmussen
Lead developer @ CGOnline.dk - Vi elsker Joomla!


Locked

Return to “Template, CSS og Design”