- Posts: 31
- Thank you received: 0
Change Module background
- Oneil Byfield
-
Topic Author
- Offline
- Junior Boarder
-
Less
More
11 years 3 months ago #6928
by Oneil Byfield
Change Module background was created by Oneil Byfield
How to add a background image right across the block which contains module position (bottom2-1 to bottom2-6)?
Please Log in or Create an account to join the conversation.
- Nguyen Mai
-
- Offline
- Senior Boarder
-
Less
More
- Posts: 47
- Thank you received: 10
11 years 3 months ago #6930
by Nguyen Mai
Replied by Nguyen Mai on topic Re: Change Module background
You can add new image to '/templates/ot_rendcore/images' folder.
And then edit file '/templates/ot_rendcore/css/preset-style-1.css', '/templates/ot_rendcore/css/preset-style-2.css' and '/templates/ot_rendcore/css/preset-style-3.css'
Line 413
change to
background-repeat: no-repeat / repeat
And then edit file '/templates/ot_rendcore/css/preset-style-1.css', '/templates/ot_rendcore/css/preset-style-2.css' and '/templates/ot_rendcore/css/preset-style-3.css'
Line 413
Code:
.oBottomBlock2{
background-color: #FFFFFF;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
Code:
.oBottomBlock2{
background-attachment: scroll;
background-image: url("../images/{image}");
background-repeat: no-repeat;
background-position: 0 0;
background-color: #FFFFFF;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
background-repeat: no-repeat / repeat
The following user(s) said Thank You: Oneil Byfield
Please Log in or Create an account to join the conversation.
Time to create page: 0.182 seconds