Forum Support

Shape 5
July 24, 2021, 06:40:17 PM *
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: Change main body color  (Read 863 times)
osher
Jr. Member
**
Offline Offline

Posts: 69



« on: September 06, 2017, 04:30:53 AM »

Hi

I would like to know in which line at css file I can change the body color of the template from white to another color /image?

Thanks

Osher
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: September 06, 2017, 10:24:32 AM »

Hello Osher,

You can edit this here:

Code:
.s5_outterstyle {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    opacity: 0.9;
}

template.css line 478
Logged

Jonah Hall
------------
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
osher
Jr. Member
**
Offline Offline

Posts: 69



« Reply #2 on: September 06, 2017, 10:57:48 AM »

Great! Thanks

please tell me how do I change all module background:

top stories

wheater module

tabs module

running pics module

PHOTO GALLERY

HEADLINING NEWS

bottom menu


Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: September 07, 2017, 11:01:00 AM »

Some of these are the same module style so here are all you need to change:

Code:
.module_round_box-white {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    margin-bottom: 19px;
    padding: 18px;
}

template.css line 802

Add this to your custom.css file and change background for tab show:

Code:
#s5_tabshow_left {
    background: #ffffff !important;}

Running images:

Code:
.module_round_box-imagelide {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    padding: 0;
}

template.css line 869

Headlining news:

Code:
.module_round_box-black {
    background: #fbfbfb url("../images/s5_moduleback.png") repeat scroll 0 0;
    color: #ffffff;
    margin-bottom: 19px;
    padding: 18px;
}

template.css line 846

Bottom menu:

Code:
#s5_bottom_row3_area1 {
    background: #f6f6f6 none repeat scroll 0 0;
    margin-left: 8px;
    margin-right: 8px;
    padding: 25px 19px 19px;
}

template.line 683
Logged

Jonah Hall
------------
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
osher
Jr. Member
**
Offline Offline

Posts: 69



« Reply #4 on: September 08, 2017, 07:09:51 AM »

Hi

I have almost got it all thanks:)

just one thing: about the tab show - I wish to :

1. change the background color of the tab which has word inside like "economy".
2. add outside border to all the module.

Thanks
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: September 08, 2017, 10:23:32 AM »

1. This is set here:

Code:
.s5_ts_active {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    box-shadow: none;
}

template.css line 993

2. Border is set here:

Code:
.module_round_box-tabshow {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    padding: 0;
}

template.css line 861
Logged

Jonah Hall
------------
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
osher
Jr. Member
**
Offline Offline

Posts: 69



« Reply #6 on: September 09, 2017, 03:23:23 PM »

Great! It's all work as I wanted! Thanks a lot! Great service!:))
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: September 11, 2017, 10:45:44 AM »

Glad to assist Smiley
Logged

Jonah Hall
------------
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.