× Discussion about "Sportal" Joomla template.

Topic-icon Add Background Image to Modules on Bottom

More
7 years 7 months ago - 7 years 7 months ago #3345 by silkweb
Could someone advise how I can add a background image to each of the modules at the bottom of the page? I have tried to create a module class suffix but I must be doing something wrong because I cannot get the image to appear.

What I can't determine is what the div is that should have the class applied to it.

Any help would be appreciated.

thanks, S
Last edit: 7 years 7 months ago by silkweb. Reason: Add additional info

Please Log in or Create an account to join the conversation.

More
7 years 7 months ago #3349 by milos
You should edit class modulerow4 (or modulerow1, modulerow2, modulerow3... depending of how many module you have there) in file layout.css

Please Log in or Create an account to join the conversation.

More
7 years 7 months ago - 7 years 7 months ago #3447 by silkweb
Hello Again, well I have tried every combination I can think of to add a background image to the bottom modules to no avail.

The code was originally the first 3 lines below and I added the background code, but it doesn't work.
.modulerow4 {
	width:24.99%;
	float:left;
	background-image:url(../images/basketball_img.jpg);
	background-repeat:no-repeat;
}

Anyone have any ideas?

Thanks, S
Last edit: 7 years 7 months ago by silkweb.

Please Log in or Create an account to join the conversation.

More
7 years 7 months ago #3450 by milos
Can't tell you much without seeing your site live.

Please Log in or Create an account to join the conversation.

More
7 years 7 months ago #3454 by silkweb
deaveirohoopskills.com/othernewsite/

I would like to add different background images to each of the 4 boxes at the bottom.


thanks, S

Please Log in or Create an account to join the conversation.

More
7 years 7 months ago - 7 years 7 months ago #3458 by milos
You can edit template_css.css and add, in example this:
#c1 {
background:#ff9900 !important;
}

#c2 {
background:#000 !important;
}

#c3 {
background:#ccc !important;
}

#c4 {
background:#996633 !important;
}
Last edit: 7 years 7 months ago by milos.

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.138 seconds