Module Suffix

Hi,

I've inserted a Module Menu located on the left of my template, and i want to use a suffix COLOR1.
Then i will insert a nee module menu also located on the left, but using another suffix. but i don'k know how to do it.

Can you help me please..?

Hi,
you want to use one or more suffix ?
If only one, please check if you add <space> before name of suffix in Module.

You're right, I add the <space> and it work fine. But now I have another question:

How can I create a new suffix, for example another color of the module tittle?

Thank you Pawel F.

Sure you can, you have check how we made our style and similar create your own.
Can you give me example what do you need (screenshot of module or URL with name of module) I will try to give you a tip(s).

Hi Pawel and thank you for your help,

I am using this template http://demo.gavick.com/joomla25/gamemagazine/, On the tittle Popular they are using suffix " color1" that is yellow.

Examplesuffix.jpg

I want to creat a new one but color green.

Please try this style:

Code: Select all

.box.green > div > h3.header,.box_text.green > div > h3.header {
   background-color: #8DC03C;
}
.box.dark.green > div > h3.header,.box.dark.green > div > h3.header a,.box_text.dark.green > div > h3.header a {
   color: #8DC03C;
}

CSS add here

GK-custom-css-code.png

New suffix will be " green"

Hey Pawel,

I tried your code and it work fine..! thank you for your help, that was the solution that I was looking for.

Thank you.

Of course, you can add gradients, shadows or transparent effect - all features from CSS3 as you like.
Or use FLAT COLORS similar to Metro UI from Windows 8

Hey Pawel, me again.

Why always the module tittle is uppercase? How can I chage it?

Because there is text-transform:uppercase; for Header style,
but you can change it to no capitalization. The text will renders as it is. Please use this:

Code: Select all

.box > div > h3.header,   .box_text > div > h3.header { text-transform:none; }

p.s.
If you have more question please add new post

I pasted the code on template configuration-> advanced setting, but is not working

Upss, my mistake (but code was good), could you add here URL of your website, I will try again.

or temporary try this

Code: Select all

 h3.header { text-transform:none !important; }

The last code works fine, thank you.

Hey, I am sorry but this is the first time using gavickpro template, so I have another question.

What if I want to change uppercase from the menu to lowercase?

Could you add here URL to your site or screenshot etc., because I don't understand where is the problem with inserting suffix

I've inserted a Module Menu located on the left of my template, and i want to use a suffix COLOR1.
Then i will insert a nee module menu also located on the left, but using another suffix. but i don'k know how to do it.

The code that you give was fine, it work.

I mean how can I do the same with the main menu, change it to lowercase. http://demo.gavick.com/

Sorry, but I don't know why I can't upload an image.

ok, sorry I took question from bottom not from the top, I had to be sleepy.

Sure --> here is solution code:

Code: Select all

#gkMainMenu > div > ul > li > a  { text-transform:none; }

or

Code: Select all

#gkMainMenu  a  { text-transform:none !important; }