Forum Support

Shape 5
March 29, 2024, 06:50:03 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Blog Box Change color?  (Read 1461 times)
pbdesign
Jr. Member
**
Offline 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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 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
Administrator
*****
Offline Offline

Posts: 28743



WWW
« 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
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.