Joomla Templates Club 406,261 posts

[rikaryo Friend rikaryoJoin date: June 2006Posts: 127Downloads:143Uploads:59 Thanks: 107 Thanked: 10 times in 4 posts]

#195880

Wanted to know how add a color in the bg of a module. I have an old project and I’ve been making some changes and I saw that the guide does not have this option.

Could someone show me a step by step how to create a css suffix to put a module with the black bg?

Rikáryo Mourão
CEO - HeróiNerd - Inventtive

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527068

can you please post a screenshot of on which modules you need the backgrounds applied and post your site Url

1 user says Thank You to chavan for this useful post

1. rikaryo

[rikaryo Friend rikaryoJoin date: June 2006Posts: 127Downloads:143Uploads:59 Thanks: 107 Thanked: 10 times in 4 posts]

#527164

Annex follows the image, wanted to create a color for the BG module, wanted to hint how to do it. This has two modules that want to give color, 1 is a guestbook module and the other is schedule.

the site was at that address, but the server is off the air!
http://www.amjus.org.br / site

---

Attachments:

1. 

Rikáryo Mourão
CEO - HeróiNerd - Inventtive

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527293

Please enable the 2 contents you have highlighted in your screenshot. so I can provide you a perfect css to obtain the solution

1 user says Thank You to chavan for this useful post

1. rikaryo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#527294

@rikaryo,
I have checked your site, however I could not find the URL associated with guestbook and schedule module. Can you send me the link, I will help you out.

1 user says Thank You to Ninja Lead for this useful post

1. rikaryo

[rikaryo Friend rikaryoJoin date: June 2006Posts: 127Downloads:143Uploads:59 Thanks: 107 Thanked: 10 times in 4 posts]

#527365

@chavan and @ninjalead

The attached picture is how I want the bg of the module becomes, what is published today has no bg

the correct link is: http://www.amjus.org.br/portal/

Thank you for your attention

Rikáryo Mourão
CEO - HeróiNerd - Inventtive

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#527399

@rikaryo

1. Go to the respective module -> Advanced tab -> Add any text with a space before it in Module Class Suffix -> save it

2. Then GO to this file: /templates/ja_university/css/template.css and add the css code

For example

1. I’m adding a class called ” clsred” (remember space before the class name) in Module Class Suffix

2. GO to this file: /templates/ja_university/css/template.css and add this code

.clsred {
background: #FF0000;
padding: 10px 5px !important;
}

Do this for other modules

1 user says Thank You to chavan for this useful post

1. rikaryo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#527466

@rikaryo,

JA University template defines .highlight class, you can use it for module background as follows:

Open the module you need to add the background and add “ highlight” into Module Class Suffix, as in the screenshot (remember to leave blank space before suffix text):

The front-end should look:

---

Attachments:

1. 
2. 

1 user says Thank You to Ninja Lead for this useful post

1. rikaryo

[Author]

Posts