Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Help with modifying an STS template


discobob83

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%;

}

Link to comment
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

Link to comment
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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...