Joomla Templates Club 406,261 posts

[junior34 Friend junior34Join date: September 2009Posts: 46Downloads:0Uploads:0 Thanks: 20]

#145585

Hi
How can I change the font type/size and background colour or add image.. (only for… this menu)

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#321936

For clarification…the example you sent shows the standard “MENU” but the Highlighted area is either a Section or Category header.

My question…are you really wanting to know about the MENU or the area you actually highlighted?

Thanks,
John.

[junior34 Friend junior34Join date: September 2009Posts: 46Downloads:0Uploads:0 Thanks: 20]

#321944

Thank you
I want to change -> Yakın Dünya : Sağlık – Hastalıklar and background

[junior34 Friend junior34Join date: September 2009Posts: 46Downloads:0Uploads:0 Thanks: 20]

#322107

can you help me ?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#322140

Yes I can help. Can you give me the URL to this site and I can give you the exact line number and CSS code changes you will need.

John.

[junior34 Friend junior34Join date: September 2009Posts: 46Downloads:0Uploads:0 Thanks: 20]

#322142

http://www.yakindunya.com

Thank you

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#322148

Okay!

Your formating for that area is controlled on template.css – line 76
You simply add whatever formating you want to this area…and it overrides the current global formatting for that area.

For instance:
Let’s say you wanted to change the color of the font to RED – you add the code highlighted in RED below.
Let’s say you wanted the background to be a GRAY color – you would add the code highlighted in BLUE below.


.componentheading {
border-bottom:1px solid #DDDDDD;
font-size:250%;
color: #FF0000;
background: #cccccc
}

Whatever CSS coding you can think of can be used in this area. But keep in mind…this will cause this to change for ALL component headings.

Have fun!
John.

[junior34 Friend junior34Join date: September 2009Posts: 46Downloads:0Uploads:0 Thanks: 20]

#322149

example : ı want change background ;
Yakın Dünya : Sağlık – Hastalıklar – Red colour
Yakın Dünya : Teknoloji- Uzay – Green colour

Is it possible to separate different colors?

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#322208

Yes…but you will need to create different CSS sets for each color that you want.
I would recommend you contact a web developer to assist you further as this extensive customization request is beyond the scope of a public forum.

Have a good day.
John.

[Author]

Posts