Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Website font seems "broken" - Please help/advise


Rorster1986

Recommended Posts

Hi all, I use oscommerce for my workplace's main website and have been playing around with various plugins and themes. Unfortunately at some point the font has "broken". By this I mean, I can't find any way of changing the font style (Times New Roman looks terrible on the website) or size for the welcome text, product name, product listing etc. Please help as it's driving me crazy.

 

The web address is http://www.camarc-welding.co.uk so you guys can see it for yourselves.

 

Also, is there a way to add a seperate background box around the featured products and welcome message on the main page?

 

 

Many Thanks,

 

 

Rory

 

 

Limited knowledge on osCommerce, please be patient with me.

Link to comment
Share on other sites

H,

At first glance your stylesheet is a bit messed up example at the top shoud be something like below

easiest maybe to install a fresh stylesheet and add your customization again does not look to much just header and background image.

and the

Special Price

Products Cycle Slideshow at the bottom.

 

You first need to first repair the body code correct example below found at top of stylesheet

 

body {background-image:url(images/palesilver.jpg);

color: #fff;

margin: 0px;

font-size: 11px;

font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;

}

 

Regards

John

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

You have a font-family with sans-serif fonts for many places in your page

 font-family: Verdana, Arial, sans-serif;
font-size: 12px; 

but not for all. In those places it's using some sort of browser default, such as Times New Roman (serif). I would suggest adding the same font-family to the body declaration in stylesheet.css:

 body {background:url(images/palesilver.jpg)
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

Season to taste.

Link to comment
Share on other sites

Thank you both for your assistance, I've replaced/fixed the code and the font has changed (phew). Do either of you know a way of adding a background box to the welcome text / featured products section? I think that help break down the site's appearance etc.

 

 

Limited knowledge on osCommerce, please be patient with me.

Link to comment
Share on other sites

Depending on how much you want to cover with a background (solid color?), you could add

background-color: #DDDDDD; border: solid 2px black;

or whatever is pleasing, to .bodyContent, .contentContainer, or .contentText class.

Link to comment
Share on other sites

About line 50 includes/modules/frontpage/featured.php or includes/modules/boxes/bm_featured.php something like below depends which module you are using

 

$featured__content = '<!-- Featured Products BOF -->' . PHP_EOL;

 

if( constant( 'MODULE_FRONT_PAGE_FEATURED_FRONT_TITLE_' . strtoupper( $language ) ) != '') {

$featured__content .= ' <div class="ui-widget-header ui-corner-all <!--infoBoxHeading/-->"><h2>' . constant( 'MODULE_FRONT_PAGE_FEATURED_FRONT_TITLE_' . strtoupper( $language ) ) . '</h2></div>' . PHP_EOL;

}

 

 

something like above depends which module you are using will add a heading bar/box to

 

playing about with

 

#bodyWrapper {

color:#fff;

}

 

#bodyContent {

color:#fff;

}

 

will let you break down the sites appearance

 

regards

John

 

ps. google for web developer tools and install in firefox then at the top css/edit css makes life easier

To improve is to change; to be perfect is to change often.

 

Link to comment
Share on other sites

Depending on how much you want to cover with a background (solid color?), you could add

background-color: #DDDDDD; border: solid 2px black;

or whatever is pleasing, to .bodyContent, .contentContainer, or .contentText class.

 

Hi Phil, is this in the stylesheet? I'm having difficulty locating it.

 

 

Limited knowledge on osCommerce, please be patient with me.

Link to comment
Share on other sites

About line 50 includes/modules/frontpage/featured.php or includes/modules/boxes/bm_featured.php something like below depends which module you are using

 

$featured__content = '<!-- Featured Products BOF -->' . PHP_EOL;

 

if( constant( 'MODULE_FRONT_PAGE_FEATURED_FRONT_TITLE_' . strtoupper( $language ) ) != '') {

$featured__content .= ' <div class="ui-widget-header ui-corner-all <!--infoBoxHeading/-->"><h2>' . constant( 'MODULE_FRONT_PAGE_FEATURED_FRONT_TITLE_' . strtoupper( $language ) ) . '</h2></div>' . PHP_EOL;

}

 

 

something like above depends which module you are using will add a heading bar/box to

 

playing about with

 

#bodyWrapper {

color:#fff;

}

 

#bodyContent {

color:#fff;

}

 

will let you break down the sites appearance

 

regards

John

 

ps. google for web developer tools and install in firefox then at the top css/edit css makes life easier

 

Unfortuantley John, I have neither of those files allowed. I'm using the default osCommerce new products cycle layout. Thank you for the advice though.

 

 

Limited knowledge on osCommerce, please be patient with me.

Link to comment
Share on other sites

Hi Phil, is this in the stylesheet? I'm having difficulty locating it.

The classes .bodyContent, .contentContainer, and .contentText (in decreasing amount of real estate covered) should be in the/one of the .css files. You would add the "background-color" and "border" attributes to the desired class. They don't yet exist, if they're what you've been looking for.

Link to comment
Share on other sites

The classes .bodyContent, .contentContainer, and .contentText (in decreasing amount of real estate covered) should be in the/one of the .css files. You would add the "background-color" and "border" attributes to the desired class. They don't yet exist, if they're what you've been looking for.

 

Ah, OK. Thanks dude

 

 

Limited knowledge on osCommerce, please be patient with me.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...