The Official Website of AgoraCart and Agora.cgi
AgoraCart.com Demos Download AgoraCart User Manuals & Wiki Gold Members Forum Go Gold Now! Gold Version Memberships

AgoraCart.com

About
Features
Download
Payment Gateways
Send a Donation
Founders Club
BLOG: News & Updates

Showcases & Demos

AgoraCart Demos
Shop Live Stores

Downloads & Add-ons

Gold Version Downloads
DBwizz Database Mgr.
AgoraCart.com Store

Help & Support

User Manuals
Gold Version Users Forum
Gold Version Chat
Tech Support
Certified Agora Pros
Certified Designers
Hire a Freelancer

Gold Version Members

Member Benefits
Join Today!
Gold Members Home
Gold Version Users Forum
Gold Version Chat Rooms
Gold Version Downloads

For Store Owners

Merchant Accounts
Cool Resources
Advertise Here
"Powered by" Logos
Web Hosting Search

Misc.

Contact Us
MEET's Talking Guide
The Ancient Greek Agora






AgoraCart Free User Forums

This is the official FAQ and Cool Tips guide For the AgoraCart shopping Cart software


Official Sponsors of the AgoraCart Project:

       


RegisterSearchFAQLog in
Reply to topic Page 1 of 1
CSS font not working
Author Message
Reply with quote
Post CSS font not working 
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.

View user's profile Send private message
Reply with quote
Post  
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
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post  
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 **********************/

View user's profile Send private message
Reply with quote
Post  
I am not seeing a font size change...
There is a tag that is incomplete in your header file, just above your category links:
Code:
<td width="191" align="left" valign="top<div id="pageNav">

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
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Reply with quote
Post  
It seems the browser did not recognize "font-size: small;" so I made the font a specific size and it worked. thanks

View user's profile Send private message
Display posts from previous:
Reply to topic Page 1 of 1
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum