Joomla Templates Club 406,261 posts

[porsche911 Friend porsche911Join date: March 2009Posts: 24Downloads:0Uploads:0 Thanks: 6]

#141274

Hi guys,

How do I change the color of the headers and background of each module?
I’m searching css but can’t find an answer. >:(

Thx

[jsliao Friend jsliaoJoin date: April 2008Posts: 817Downloads:0Uploads:12 Thanks: 25 Thanked: 236 times in 210 posts]

#305027

unfortunately, it is not easy as the rounded edges are actually images.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305038

Could u to use Module calss surfix?
and U can to creat new surfix and use it like that: div.module_hilite {}

[porsche911 Friend porsche911Join date: March 2009Posts: 24Downloads:0Uploads:0 Thanks: 6]

#305052

Hi quang268,

I’m sorry I don’t understand this.

Please can you provide me an example to do the job?

Regards.

[porsche911 Friend porsche911Join date: March 2009Posts: 24Downloads:0Uploads:0 Thanks: 6]

#305053

<em>@jsliao 129156 wrote:</em><blockquote>unfortunately, it is not easy as the rounded edges are actually images.</blockquote>

Okay,
but how can I change headers’ backgroundcolor of the module.

Cheers!

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305074

example:
add to bottom of your css file

div.module_lamvt {
bacground: red;
color: white;
}
div.module_lamvt h3 {
background: green;
color red;
}

and with your module use surfix _lamvt
check your site.

2 users say Thank You to nguyenhuu quang for this useful post

1. porsche911
2. toddman

[porsche911 Friend porsche911Join date: March 2009Posts: 24Downloads:0Uploads:0 Thanks: 6]

#305139

Thank You Quang268,

It’s working! Great!!

But one remark: the red background for the module is not aligned with the module.
Please can you fix this?

See picture: http://yfrog.com/eaexamplepj

Thx!

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#305167

oh, My God. U need add more for css
example:
margin: , padding. text…..

[porsche911 Friend porsche911Join date: March 2009Posts: 24Downloads:0Uploads:0 Thanks: 6]

#305285

Hello Quang268,

I’m not familiar with CSS so please help me with an example.

Cheers!

[Author]

Posts