Joomla Templates Club 406,261 posts

[globalchin Friend globalchinJoin date: April 2011Posts: 24Downloads:0Uploads:8 Thanks: 4]

#180473

I want to change top main menu background colour. Please see the picture and, cycle by pen background is wanted to change: please help.

Shar

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#466234

<em>@globalchin 336986 wrote:</em><blockquote>I want to change top main menu background colour. Please see the picture and, cycle by pen background is wanted to change: please help.

Shar</blockquote>

Hi Globalchin,
All styles for top main menu is in ‘templatesja_nexcssmenumega.css’

– To change color of whole menu, find these lines:

.ja-megamenu ul.level0 li.mega a.mega.over,
.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #e5e5e5
color: #666
border: solid 1px #fff
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}


– To change color of active menu find these line:

.ja-megamenu ul.level0 li.mega a.mega.over,
.ja-megamenu ul.level0 li.mega a.mega.active {
background: url(../../images/hover-menu.gif) repeat-x left top #e5e5e5
color: #666
border: solid 1px #fff
border-bottom: none;
padding: 14px 15px 13px 15px;
display: block;
}


Hope this help.

[globalchin Friend globalchinJoin date: April 2011Posts: 24Downloads:0Uploads:8 Thanks: 4]

#466515

Hi Luna Garden,

Thanks a lot. It is help: I have one more quick question:) Please see attach file of picture- “Latest News”. There is too much space between Latest News Module title and the actual latest news articles’ titles; How can I edit this space? I want to move a little up latest articles title to module title of latest news. if you see picture, i hope you understand what is meant:

Thanks,

Shar:)

---

Attachments:

1. 

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#466595

<em>@globalchin 337502 wrote:</em><blockquote>Hi Luna Garden,

Thanks a lot. It is help: I have one more quick question:) Please see attach file of picture- “Latest News”. There is too much space between Latest News Module title and the actual latest news articles’ titles; How can I edit this space? I want to move a little up latest articles title to module title of latest news. if you see picture, i hope you understand what is meant:

Thanks,

Shar:)</blockquote>

Hi,
You only want to style for this module only or apply for all module ?

If you want to apply for all module, please go to:
templatesyour_default_template_namecsstemplate.css
Find these lines:


div.ja-moduletable h3, div.moduletable h3 {
border-bottom: 1px solid #ddd;
color: #222;
font-family: 'TeXGyreAdventorRegular',Helvetica,Arial,sans-serif;
font-size: 100%;
margin: 0;
padding: 13px 15px;
text-transform: uppercase;
}

change your padding value

and add these lines:


div.ja-moduletable ul, div.ja-module ul {
margin: 10px 0 0;
}

change margin to any values you want.

– If you only need changes apply to module “Latest News”, you create a new class suffix for this module.
Navigation to backend >> module manager >> latest News >> add class suffix with a before it.
Then do the same steps as above, but change class to new class suffix.
Ex: class suffix is ‘lateststyle’
Add new lines:

div.lateststyle h3, div.lateststyle h3 {
padding: 9px 15px;
}
div.lateststyle ul, div.lateststyle ul {
margin: 10px 0 0;
}

[Author]

Posts