Add Background Image to Modules on Bottom

silkweb
Inactive member
Topic Author
New Member

14 years 1 month ago - 14 years 1 month ago #3345 by silkweb

Add Background Image to Modules on Bottom was created 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: 14 years 1 month ago by silkweb. Reason: Add additional info

Please Log in to join the conversation.

milos
Support Staff
Moderator

14 years 1 month ago #3349 by milos

Replied by milos on topic Re: Add Background Image to Modules on Bottom

You should edit class modulerow4 (or modulerow1, modulerow2, modulerow3... depending of how many module you have there) in file layout.css

Please Log in to join the conversation.

silkweb
Inactive member
Topic Author
New Member

14 years 1 month ago - 14 years 1 month ago #3447 by silkweb

Replied by silkweb on topic Re: Add Background Image to Modules on Bottom

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.

Code:

.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: 14 years 1 month ago by silkweb.

Please Log in to join the conversation.

milos
Support Staff
Moderator

14 years 1 month ago #3450 by milos

Replied by milos on topic Re: Add Background Image to Modules on Bottom

Can't tell you much without seeing your site live.

Please Log in to join the conversation.

silkweb
Inactive member
Topic Author
New Member

14 years 1 month ago #3454 by silkweb

Replied by silkweb on topic Re: Add Background Image to Modules on Bottom

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 to join the conversation.

milos
Support Staff
Moderator

14 years 1 month ago - 14 years 1 month ago #3458 by milos

Replied by milos on topic Re: Add Background Image to Modules on Bottom

You can edit template_css.css and add, in example this:

Code:

#c1 {
background:#ff9900 !important;
}

#c2 {
background:#000 !important;
}

#c3 {
background:#ccc !important;
}

#c4 {
background:#996633 !important;
}

Last edit: 14 years 1 month ago by milos.

Please Log in to join the conversation.

Time to create page: 0.087 seconds