new custom module class

maryswave
Inactive member
Topic Author
Member

10 years 3 months ago - 10 years 3 months ago #41720 by maryswave

new custom module class was created by maryswave

I added this to the template css file but I am not getting the desired look

Code:

.greenmodule {
	background: #1cbaa1;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:0px 2px 4px #32a492;
	-moz-box-shadow:0px 2px 4px #32a492;
	box-shadow:0px 2px 4px #32a492;
}

fwmdev.com/newworkshop/index.php/workshops/workshop-schedule

I am wanting the whole module to be the green color but it is only green behind the menu items

Last edit: 10 years 3 months ago by maryswave. Reason: correction

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

10 years 3 months ago #41726 by ivan.milic

Replied by ivan.milic on topic new custom module class

How did you set greenmodule class - using menu class suffix?

Please Log in to join the conversation.

maryswave
Inactive member
Topic Author
Member

10 years 3 months ago - 10 years 3 months ago #41737 by maryswave

Replied by maryswave on topic new custom module class

ok I did put it in the wrong place but it doesn't show any change in module class suffix box

Last edit: 10 years 3 months ago by maryswave.

Please Log in to join the conversation.

maryswave
Inactive member
Topic Author
Member

10 years 3 months ago #41739 by maryswave

Replied by maryswave on topic new custom module class

doesn't work at all, looked through other posts in this forum and read through posts in other forums and watched videos ... nothing works

Please Log in to join the conversation.

maryswave
Inactive member
Topic Author
Member

10 years 3 months ago #41740 by maryswave

Replied by maryswave on topic new custom module class

ok.. I figured it out and now it is working

I needed the code to be this way

Code:

div.moduletable_greenmodule {

and in module class suffix in the module

Code:

_greenmodule

with no space in front

Please Log in to join the conversation.

maryswave
Inactive member
Topic Author
Member

10 years 3 months ago #41742 by maryswave

Replied by maryswave on topic new custom module class

now I am trying to make a custom module that will show one background image on the top and a different background image on the bottom

I have the following code but it does not seem to be working

Code:

div.moduletable_sidebox {
	padding: 28px;
}

div.moduletable_sidebox:before {
	background: url(../images/custom/boxmodule-top.png) no-repeat top;
}

div.moduletable_sidebox:after {
	background: url(../images/custom/boxmodule-bottom.png) no-repeat bottom;
}

I have seen something similar used on another template but it is not working here any ideas ??

fwmdev.com/newworkshop/index.php/workshops/workshop-schedule

Please Log in to join the conversation.

Time to create page: 0.105 seconds