Joomla Templates Club 406,261 posts

[jmdstudio Friend jmdstudioJoin date: February 2010Posts: 7Downloads:0Uploads:0 Thanks: 4]

#149738

Hi All, wondering if anyone could help me…I’m trying to change the background colour of the ‘title violet’ module but the background is not just a colour, it’s an image. (pat1.gif)

I would like to change it to one of the other modules background colours (h3-bg-default-bg.gif), so it should just be a simple case of finding the right line in the css/html and replacing one for the other – however I can’t locate what to change!

If anyone has any ideas that would be great, :)Thanks!

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#337375

jmdstudio;170848Hi All, wondering if anyone could help me…I’m trying to change the background colour of the ‘title violet’ module but the background is not just a colour, it’s an image. (pat1.gif)

I would like to change it to one of the other modules background colours (h3-bg-default-bg.gif), so it should just be a simple case of finding the right line in the css/html and replacing one for the other – however I can’t locate what to change!

If anyone has any ideas that would be great, :)Thanks!

Hi jmdstudio,

I’m not sure are you referring to the title background image, or to the color of the module’s background.

If it’s the title background, like on this image:

You can change it on line 766 of the template.css file, located in the css directory of your template:


div.hilite2 h3 {
background: url(../images/h3-violet.gif) no-repeat left bottom !important;
color: #DD8FB1;
}

And, if you want to change the background color of the module, it is not an image, as you thought, it is in fact a color code, and you can change it by changing value on line 760 of the same file (template.css, located in the css directory of your template).

Look for this on line 753:

<blockquote>div.moduletable,
div.moduletable_default,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_blank,
div.moduletable_hilite1,
div.moduletable_hilite2 {
background: #0E0E0E;
margin: 0 0 20px;
padding: 0 10px 10px;
}</blockquote>

change it the way you want to.

Good luck 🙂

1 user says Thank You to histeriks for this useful post

1. jmdstudio

[ftht1 Friend ftht1Join date: August 2007Posts: 35Downloads:0Uploads:0 Thanked: 16 times in 15 posts]

#337377

<em>@jmdstudio 170848 wrote:</em><blockquote>Hi All, wondering if anyone could help me…I’m trying to change the background colour of the ‘title violet’ module but the background is not just a colour, it’s an image. (pat1.gif)

I would like to change it to one of the other modules background colours (h3-bg-default-bg.gif), so it should just be a simple case of finding the right line in the css/html and replacing one for the other – however I can’t locate what to change!

If anyone has any ideas that would be great, :)Thanks!</blockquote>
have you checked the module class suffix ? Try checking the module class suffix on the module you want your module to look like, then enter the same suffix as the module class suffix for module you are trying to change.

2 users say Thank You to ftht1 for this useful post

1. histeriks
2. jmdstudio

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#337381

jmdstudio;170848I would like to change it to one of the other modules background colours

whoops, i missed this part. I thought you want to hack the template.

Yep, you could use module class sufixes. Open the desired module from module manager in Joomla backend, and on the right side, under Module Parameters enter the desired suffix, like this:

Thanks ftht1 🙂

[jmdstudio Friend jmdstudioJoin date: February 2010Posts: 7Downloads:0Uploads:0 Thanks: 4]

#337502

Thanks for the help guys – turned out to be a very easy solution as always!!

Any ideas how to do the same but for the main page content? As it’s all white at the moment, my client would prefer something different!

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#337508

jmdstudio;171041Thanks for the help guys – turned out to be a very easy solution as always!!

Any ideas how to do the same but for the main page content? As it’s all white at the moment, my client would prefer something different!

You’re welcome jmdstudio.

To change the color of the article content background, find this on line 656 of template.css file, located in css folder of your template:

#ja-current-content {
background: #0E0E0E;
margin: 0 15px;
padding: 15px;
}

change background according to your needs 🙂

1 user says Thank You to histeriks for this useful post

1. jmdstudio

[jmdstudio Friend jmdstudioJoin date: February 2010Posts: 7Downloads:0Uploads:0 Thanks: 4]

#338379

hi histeriks,

I have made the changes to the correct line in the template.css file – however I think the problem lies in the style of template I’m using. I am using ‘jean’, where instead of a plain colour behind articles, there is a textured image. The change to the css shows when I select the other ‘normal’ style template and the new colour I want is visible but when I switch back to ‘jean’ it disappears! As I said, I think this is due to the fact that the background is a repeated and tiled image? But I could be wrong!! Any thoughts on this?? 🙂

[Author]

Posts