Jump to content
Sign in to follow this  
discobob83

Help with modifying an STS template

Recommended Posts

Hi All,

 

Newbie here. :rolleyes:

 

I've installed STS and found a template I really like. It's 'freeosc_009' (It was in the contributions section of the official site)

 

I've been experimenting with colour changes using the .css file for this template and have been able to change every colour except for the central area between the left and right columns.

 

The area where the default text is:

"What's New Here?

 

 

Welcome Guest! Would you like to log yourself in? Or would you prefer to create an account?

 

This is a default setup of osCommerce Online Merchant. Products shown are for demonstrational purposes. Any products purchased will not be delivered nor will the customer be billed. Any information seen on these products is to be treated as fictional." etc...

 

There doesn't appear to be a setting for it on the css for this contribution?

 

I am including a copy of the css I'm using below. Can someone please tell me what needs to be changed/added so that I can change the colour of this central area?

 

I would be incredibly grateful for any and all help.

 

Thanks in advance and my very best wishes,

 

Tom :)

 

 

 

 

 

Here is the CSS:

 

@charset "utf-8";

 

/* CSS Document

 

Copyright © Freeoscommerce.com 2009

 

This file is part of a freeoscommerce.com template. Please visit http://www.freeoscommerce.com for licensing and other information.

*/

 

html {

height: 100%;

}

 

body {

margin: 0px;

background: #000000;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

}

 

div#wrapper1 {

z-index: 3;

position: relative;

top: 250px;

left: 50%;

margin-left: -501px;

width: 1003px;

min-height: 600px;

padding-bottom: 40px;

}

 

div#wrapper2 {

z-index: 4;

position: relative;

top: 0px;

left: 38px;

width: 927px;

min-height: 600px;

background: #ffffff;

}

 

div#header_wrapper {

z-index: 5;

position: relative;

top: 9px;

left: 9px;

width: 908px;

min-height: 71px;

margin-bottom: 18px;

}

 

div#header {

z-index: 7;

position: relative;

top: 0px;

padding: 12px;

}

 

div#top_menu {

z-index: 8;

position: relative;

padding-top: 12px;

width: 100%;

text-align: center;

color: #ffffff;

font-size: 15px;

}

 

div#header_background1 {

z-index: 5;

position: absolute;

top: 0px;

bottom: 0px;

width: 908px;

background: #00534e;

}

 

div#header_background2 {

 

z-index: 6;

 

position: absolute;

 

top: 0px;

 

height: 71px;

 

width: 908px;

 

background: url(images/header_footer_background.jpg) top center repeat-x;

 

}

 

 

 

div#wrapper3 {

 

width: 908px;

 

overflow: auto;

 

position: relative;

 

background: url(images/content_background.jpg) top center repeat-y;

 

left: 9px;

 

margin-bottom: 9px;

 

}

 

 

 

div#content_wrapper {

 

float: left;

 

position: relative;

 

left: 187px;

 

width: 515px;

 

min-height: 443px;

 

margin-left: 9px;

 

}

 

 

 

div#content {

 

position: relative;

 

top: 0px;

 

padding: 12px;

 

width: 491px;

 

overflow: hidden;

 

}

 

 

 

div#left_sidebar_wrapper {

 

float: left;

 

position: relative;

 

left: -525px;

 

width: 187px;

 

min-height: 443px;

 

background: url(images/sidebar_background.jpg) top center repeat-x;

 

}

 

 

 

div#left_sidebar {

 

position: relative;

 

top: 0px;

 

padding: 12px;

 

width: 163px;

 

overflow: hidden;

 

}

 

 

 

div#right_sidebar_wrapper {

 

float: left;

 

width: 187px;

 

min-height: 443px;

 

margin-left: 10px;

 

background: url(images/sidebar_background.jpg) top center repeat-x;

 

}

 

 

 

div#right_sidebar {

 

position: relative;

 

top: 0px;

 

padding: 12px;

 

width: 163px;

 

overflow: hidden;

 

}

 

 

 

div#footer {

 

z-index: 5;

 

position: relative;

 

left: 9px;

 

width: 908px;

 

min-height: 250px;

 

padding-bottom: 9px;

 

text-align: center;

 

color: #ffffff;

 

}

 

 

 

div#footer_background1 {

 

z-index: 6;

 

position: absolute;

 

top: 0px;

 

bottom: 9px;

 

left: 0px;

 

width: 908px;

 

background: #00534e;

 

}

 

 

 

div#footer_background2 {

 

z-index: 7;

 

position: absolute;

 

top: 0px;

 

left: 0px;

 

height: 250px;

 

width: 908px;

 

background: url(images/footer_background.jpg) top center repeat-x;

 

}

 

 

 

div#footer_content {

 

z-index: 8;

 

position: relative;

 

padding-left: 20px;

 

padding-top: 10px;

 

padding-bottom: 10px;

 

width: 870px;

 

min-height: 50px;

 

}

 

 

 

div#left_shadow {

 

z-index: 4;

 

position: absolute;

 

left: 0px;

 

top: 0px;

 

width: 38px;

 

height: 429px;

 

background: url(images/left_shadow.jpg) top center no-repeat;

 

}

 

 

 

div#right_shadow {

 

z-index: 4;

 

position: absolute;

 

right: 0px;

 

top: 0px;

 

width: 38px;

 

height: 429px;

 

background: url(images/right_shadow.jpg) top center no-repeat;

 

}

 

 

 

div#top_background {

 

z-index: 2;

 

position: absolute;

 

top: 0px;

 

left: 0px;

 

width: 100%;

 

height: 386px;

 

background: url(images/top_background.jpg) top center no-repeat;

 

}

 

 

 

div#main_background {

 

z-index: 1;

 

position: absolute;

 

top: 0px;

 

width: 100%;

 

height: 591px;

 

background: url(images/main_background.jpg) top center repeat-x;

 

}

 

 

 

div#website_name {

 

z-index: 8;

 

position: absolute;

 

top: 0px;

 

color: #000000;

 

text-align: right;

 

width: 800px;

 

top: 240px;

 

left: 50%;

 

margin-left: -350px;

 

font-size: 8px;

 

letter-spacing: 1.5px;

 

}

 

 

 

a:link {

color: #00534e;

text-decoration: none;

}

a:visited {

color: #00534e;

text-decoration: none;

}

a:hover {

color: #000000;

text-decoration: none;

}

a:active {

color: #00534e;

text-decoration: none;

}

 

#top_menu a:link {

color: #ffffff;

text-decoration: none;

}

#top_menu a:visited {

color: #ffffff;

text-decoration: none;

}

#top_menu a:hover {

color: #4de5e5;

text-decoration: none;

}

#top_menu a:active {

color: #ffffff;

text-decoration: none;

}

#top_menu span {

margin-left: 12px;

margin-right: 12px;

}

 

/* Hide icons in page headings */

#pageIcon, td.pageHeading img {

display: none;

}

 

h1 {

font-size: 14px;

font-weight: bold;

}

h2 {

font-size: 13px;

font-weight: bold;

}

h3 {

font-size: 12px;

font-weight: bold;

}

h4 {

font-size: 12px;

}

h5 {

font-size: 12px;

}

h6 {

font-size: 12px;

}

 

hr.accessibility {

height: 1px;

color: #00534e;

}

 

td.infoBoxHeading {

padding-top: 10px;

padding-bottom: 0px;

font-size: 12px;

font-weight: bold;

}

 

td.pageHeading {

padding-top: 5px;

padding-bottom: 10px;

font-size: 14px;

font-weight: bold;

}

 

div#navigation {

margin-top: 0px;

margin-bottom: 15px;

color: #cbe6fa;

}

 

div.infobox_heading {

width: 100%;

}

 

div.infobox_content {

width: 100%;

}

Share this post


Link to post
Share on other sites

Hi,

 

Although I'm using STS, isn't this question actually a CSS question? I think I'd be having the same problem if I was using the same template without STS?

 

Also I don't understand how this question could be answered without seeing the CSS file?

 

Best Wishes,

 

Tom

 

I think it would be better if you post your question to the STSv4 forum, thts dedicated to STS related questions

 

There is also no need to post the .css right away I guess

Share this post


Link to post
Share on other sites

Hi,

 

Although I'm using STS, isn't this question actually a CSS question? I think I'd be having the same problem if I was using the same template without STS?

 

Also I don't understand how this question could be answered without seeing the CSS file?

 

Best Wishes,

 

Tom

 

 

 

 

I answered your question in the STS thread.


Bill Kellum

 

Sounds Good Productions

STS Tutorials & more: STSv4.6, STS Add-ons (STS Power Pack), STS V4 Forum STS Forum FREE TEMPLATE

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×