AgoraCart Free User Forums

I have put my css in the html/html-templates/templates/TheAgora/TheAgora_BluGreen/agoratemplate.css through the GUI interface on the agora cart editor. all the styles work except font is to big in my custom menu and header, its not pulling in from the css or maybe being overwritten? I have made custom header and footer. Do I need to add the css in the custom folder and link the css?

website: http://www.sweetbabycakesnmore.com/products/GirlDiaperCakes.php (were font is correct)

product page: http://www.sweetbabycakesnmore.com/store52/agora.cgi?cart_id=6174751.1891&p_id=00001&xm=on

thank you for any feedback.

Can you tell me what it is supposed to be, exactly? And what you have in the CSS to make it so?


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership

If you look at the header menu and left menu font size from this link http://www.sweetbabycakesnmore.com/index.php (this is what I want the font to look like)

and then once you go to my store the header menu and left side menu font size seems to increase http://www.sweetbabycakesnmore.com/store52/agora.cgi?product=BoyCakes&cart_id=2575089.71526174751.1891

Style sheet I put into the agorastyles.css gui

body{

background: #cccccc url("http://www.sweetbabycakesnmore.com/images/site/bg_grad_green.jpg") fixed;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
color: #005FA9;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/************** header tag styles **************/

h1{
font: bold 120% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h2{
font: bold 114% Arial,sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}

h3{
font: bold 90% Arial,sans-serif;
color: #45AE9C;
margin: 0px;
padding: 0px;
}

h4{
font: bold 115% Arial,sans-serif;
color: #0099CC;
margin: 0px;
padding: 0px;
}

h6{
font: bold 115% Arial,sans-serif;
color: #CF92A4;
margin: 0px;
padding: 0px;
}


h5{
font: bold 90% Arial,sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
}

.style3 {
font-size: 24px;
font-weight: bold;
}

.nmore {font: bold; color: #cf92a4}
.sweetbabycakes{font: bold; color: #45AE9C}

/*************** list tag styles ***************/

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

/********* form and related tag styles *********/

form {
margin: 0;
padding: 0;
}

label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}

input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs */
/***********************************************/
#tr {
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}

#masthead{
position: absolute;
top: 0px;
left: 2%;
right: 2%;
width:95.6%;

}

#pageNav{
float: left;
width:191px;
padding: 0px;
background-color: #F5f7f7;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
}

#content{
border-left: 1px solid #cccccc;
}
#contentCart{
border-right: 1px solid #cccccc;
}


/***********************************************/
/* Component Divs */
/***********************************************/
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
}

/************** utility styles *****************/

#utility{
font: 75% Verdana,sans-serif;
position: absolute;
top: 16px;
right: 0px;
color: #919999;
}

#utility a{
color: #ffffff;
}

#utility a:hover{
text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}

#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}

#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}

/************* globalNav styles ****************/

#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image: url("http://www.sweetbabycakesnmore.com/images/site/glbnav_background.gif");
}

#globalNav img{
margin-bottom: -4px;

}

#gnl {
position: absolute;
top: 0px;
left:0px;
}

#gnr {
position: absolute;
top: 0px;
right:0px;
}

#globalLink{
position: absolute;
top: 208px;
height: 22px;
min-width: 640px;
padding: 0px;
margin: 0px;
left: 34px;
z-index: 100;
width: 507px;
}


a.glink, a.glink:visited{
font-size: small;
color: #000000;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
}

a.glink:hover{
background-image: url("http://www.sweetbabycakesnmore.com/images/site/glblnav_selected.gif");
text-decoration: none;
}

.skipLinks {display: none;}

/************** feature styles *****************/

.feature{
padding: 0px 0px 10px 10px;
font-size: 80%;
min-height: 200px;
height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
font: bold 175% Arial,sans-serif;
color: #000000;
padding: 30px 0px 5px 0px;
}

/*************** story styles ******************/

.story {
padding: 5px 0px 0px 5px;
font-size: 80%;
}

.story h3{
font: bold 125% Arial,sans-serif;
color: #000000;
}

.story p {
padding: 0px 0px 10px 0px;
}

.story a.capsule{
font: bold 1em Arial,sans-serif;
color: #005FA9;
display:block;
padding-bottom: 5px;
}

.story a.capsule:hover{
text-decoration: underline;
}

td.storyLeft{
padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
clear: both;
border-top: 1px solid #cccccc;
font-size: small;
color: #cccccc;
padding: 10px 10px 10px 10px;

}

#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
margin: 0px;
padding: 0px;

}

#sectionLinks h3{
padding: 10px 0px 2px 10px;
border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url("http://www.sweetbabycakesnmore.com/images/site/bg_nav.jpg");
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}

#sectionLinks a:hover{
border-top: 1px solid #cccccc;
background-color: #DDEEFF;
background-image: none;
font-weight: bold;
text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
margin: 0px;
padding: 0px 0px 10px 10px;
border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
}

.relatedLinks a{
display: block;
}


/**************** advert styles *****************/

#advert{
padding: 10px;
}

#advert img{
display: block;
}

/********************* end **********************/

I am not seeing a font size change...
There is a tag that is incomplete in your header file, just above your category links:

See how the td tag is not have its > ?

Also, you might want to separate out your font class from:
font: small Verdana,sans-serif;

To:
font-size: small;
font-family: Verdana,sans-serif;

You can even specify a specific point or pixel size for the font...

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership

It seems the browser did not recognize "font-size: small;" so I made the font a specific size and it worked. thanks