Website font seems "broken" - Please help/advise

[Rorster1986]

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

[♥joli1811]

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

[MrPhil]

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.

[Rorster1986]

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.

[MrPhil]

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.

[♥joli1811]

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

[Rorster1986]

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.

[Rorster1986]

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.

[MrPhil]

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.

[Rorster1986]

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