Joomla Templates Club 406,261 posts

[roger_hohl Friend roger_hohlJoin date: September 2010Posts: 35Downloads:0Uploads:5 Thanks: 11]

#158392

Hi Guys

I would like to change the following (see attachment):

Any Ideas

Roger

---

Attachments:

1. 

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#370536

It should be quite simple, simply edit templates>ja_teline_iv>css>template.css and around line 269 edit the following as required

div.ja-moduletable h3, div.moduletable h3 {
border-bottom: 1px solid #DDDDDD;
border-top: 4px solid #CCCCCC;
color: #000000;
font: 125% ArialNarrowBold,"Arial Narrow",Arial,sans-serif;
margin: 0;
padding: 8px 8px 5px;
text-transform: uppercase;

}

for example, adding

background-color: red;

Will give a red background. Style as you wish.

1 user says Thank You to Phill for this useful post

1. roger_hohl

[roger_hohl Friend roger_hohlJoin date: September 2010Posts: 35Downloads:0Uploads:5 Thanks: 11]

#370539

Perfect. Thx.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#370543

Had a few other thoughts about this and there probably is a better way. The above method will affect all modules which may look a bit of a mess in some places. It may be better to add a module class to each module you wwant to change the colour of. For example, if you open a module and add the module suffix _redtop you could then add to the bottom of template.css the following code


div.moduletable_redtop {
background-color: red !important;

}

Then any module you add the suffix to will be styled. Again, you can change each suffix and styling as required.

1 user says Thank You to Phill for this useful post

1. roger_hohl

[roger_hohl Friend roger_hohlJoin date: September 2010Posts: 35Downloads:0Uploads:5 Thanks: 11]

#370559

Hi Phil

This is not really working right now. I tried it with a module and now after adding the suffix, the whole module is red… look here: http://www.aerogate.net

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#370561

Sorry Roger, a minto typr by me. Pleas add the h3 as per below

div.moduletable_redtop h3 {


Remember, you can add any other styling you want in there too. For instance if you want to change the colour of the title just in that module you can add

color: #ffffff;
for example.

1 user says Thank You to Phill for this useful post

1. roger_hohl

[roger_hohl Friend roger_hohlJoin date: September 2010Posts: 35Downloads:0Uploads:5 Thanks: 11]

#370562

No worries phill!!! perfect work! well done.

Thanks.

[Author]

Posts