pbdesign
Jr. Member
Offline
Posts: 19
|
|
« on: April 17, 2016, 04:01:25 PM » |
|
Hi,
How Do I change the color of the entire LEFT side on Blog Box? It is a gray color and I know that in CUSTOM 1 you can add an image but I want ti change it blue. Do I need to edit the template.css for this or is it in the Template backend where I change most colors?
Thanks
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #1 on: April 18, 2016, 07:49:07 AM » |
|
Hello,
You would need to add this to custom.css:
#s5_split_layout_column_wrap_outer { background:#000FFF !important; }
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
matteobaro
Jr. Member
Offline
Posts: 12
|
|
« Reply #2 on: June 23, 2017, 11:25:31 AM » |
|
Hi,
i need the same thinga and it worked.
What i need to add if i need to change module_round_box color too? Color of the profile?
Thanks
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #3 on: June 26, 2017, 08:07:10 AM » |
|
Hello,
If you're looking to create a custom module class that is code you would need to create. We do not provide customizations like this as part o four support. All the module classes are found in template.css; I would suggest using an existing one and create a copy.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
matteobaro
Jr. Member
Offline
Posts: 12
|
|
« Reply #4 on: June 26, 2017, 01:12:14 PM » |
|
Thanks for the answer but maybe I did not explain it. As pbdesign I would like to change the color of the whole left side. I entered the suggested code in custom.css but the color changed only for custom_2 while custom_1 remained in gray. How do I change custom_1's color?
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #5 on: June 27, 2017, 07:20:49 AM » |
|
Hello,
custom_1 has a picture background. The image is controlled in the Theme Specific tab of the template configuration. Any changes from using that background effect would require custom programming.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
matteobaro
Jr. Member
Offline
Posts: 12
|
|
« Reply #6 on: June 27, 2017, 10:05:30 AM » |
|
Hello, I know how to change the image. What I ask is how to change the background to the module called in the jasmine rose demo version. I attach the image of the block that gray I want to make red. Thank you
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #7 on: June 28, 2017, 07:19:39 AM » |
|
Hello,
That is controlled in template.css under:
#s5_pos_custom_1 .module_round_box { background: #41444a none repeat scroll 0 0; box-shadow: 0 0 21px rgba(0, 0, 0, 0.4); color: #ffffff; padding: 45px 36px 37px; }
You can change the background call to any hex color.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
matteobaro
Jr. Member
Offline
Posts: 12
|
|
« Reply #8 on: June 28, 2017, 01:46:51 PM » |
|
Hi,
i tried to change color in that file but it didn't change.
Ho can i do?
|
|
|
Logged
|
|
|
|
mikek
|
|
« Reply #9 on: June 29, 2017, 07:46:56 AM » |
|
Hello,
That is the only area you have to change. If it didn't update the file either didn't save or you have cache enabled somewhere.
|
|
|
Logged
|
Mike Knott ------------ Shape 5 Team - Need a great host for your website? We highly recommend siteground.com!
- Put your trust in the hands of our extremely qualified staff to get your job done right! - Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:Install Firebug
|
|
|
|