Cork Board Template Support Thread

[clydejones]

I think the size on the left sideboxes is good, (I don't have a clue what size it is.) I would like the right sideboxes to be the same. I would like to use "Playbill" font (it looks western.)

As for the hover color, I don't know yet. I'm trying to find one that I like, (looking at hex charts).

Debbie

font sizes for the sideboxes both left and right are the same.

Word of caution on use of font faces:

You want to use faces that are common on the computers used by your customers. I don't have playbill installed on my PC so that font face would not show up when viewing your site and I suspect most other users would not be able to see that font.
You always want to create a font family stack with faces that are common to user PCs/MACs.

[debtag]

That's a bummer. I've heard that before, I thought Playbill was a font everyone had. Sad! Oh well. The font on the right side looks like a different font. Are they different? If so, I would like them to be the same.

Also, how do I change the color of the hover?

Thanks so much! You have gotten me so far! I feel like I'm almost ready to start uploading some inventory!!!

Debbie

[clydejones]

That's a bummer. I've heard that before, I thought Playbill was a font everyone had. Sad! Oh well. The font on the right side looks like a different font. Are they different? If so, I would like them to be the same.

Also, how do I change the color of the hover?

Thanks so much! You have gotten me so far! I feel like I'm almost ready to start uploading some inventory!!!

Debbie

Playbill is a speciality font and not one that would be installed on every computer. by speciality font I mean one that would be used to create a graphic with text such as you've done with your header.

Yes the font is the same on both the right and left sideboxes


open includes/templates/cork_board/css/stylesheet_betterCategoriesEzInfo.css

find the following section and delete the highlighted section and add whatever #123456 color you want.

.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover, .betterMoreinformation a:active,
.betterBestsellers a:hover, .betterBestsellers a:active {
background: url(../images/glow.gif) no-repeat /*#EAC27C*/;
}

You also might want to open includes/templates/cork_board/css/stylesheet.css

find the following section(s) and adjust the width as indicated by the highlight

#navBreadCrumb {
margin: 1.5em auto 0;
padding: .7em 0 0 2.5em;
background: url(../images/bread_crumb.gif) no-repeat;
font-size: 0.95em;
font-weight: bold;
height:30px;
width:500px;
}

#contentColumnMain {width: 60%;float:left;vertical-align: top; font-size: 1.2em;}

[debtag]

Thank you Clyde!

If you take a look, I made a new MENU...I would; however, like it to be 160x76...is that possible?
I also need to change my "home" link to my actual shopping cart home page...is that change made in the stylesheet? (same for the HOME link at the footer)

My new sidebox headers are fitting perfectly, (thanks to your help), however... (why does there always have to be a "however?")...I have made them to have a dark brown line around the whole box, and you can't see the dark brown line at the bottom & right of each header. (For example: the CATEGORIES heading box should have a brown line around the entire box) I guess they really don't look too bad the way they are, but I thought it would divide it up a bit.

You have been so helpful. Do you know the fixes to the above issues? Thanks in advance! Debbie

[clydejones]

Thank you Clyde!

If you take a look, I made a new MENU...I would; however, like it to be 160x76...is that possible?
I also need to change my "home" link to my actual shopping cart home page...is that change made in the stylesheet? (same for the HOME link at the footer)

My new sidebox headers are fitting perfectly, (thanks to your help), however... (why does there always have to be a "however?")...I have made them to have a dark brown line around the whole box, and you can't see the dark brown line at the bottom & right of each header. (For example: the CATEGORIES heading box should have a brown line around the entire box) I guess they really don't look too bad the way they are, but I thought it would divide it up a bit.

You have been so helpful. Do you know the fixes to the above issues? Thanks in advance! Debbie

The menu items are a list and will expand downward as needed.
the five items presently in the menu take up the space they need in order to display.

open includes/templates/cork_board/css/stylesheet.css

find the following declarations and try changing the highlighted portions (more than likely change to 0)

#categoriesHeading {
margin: 0;
padding: 0.5em 0.2em;
/*border-bottom:1px solid #DFDFDF;*/
font-weight: bold;
}

.leftBoxHeading, .rightBoxHeading {
margin: 0;
padding: 0.5em 0.2em;
background:url(../images/sideboxtop.png) no-repeat;
color: #000;
text-align:center;
font-weight: bold;
}

also might want to open includes/templates/cork_board/css/stylesheet.css

find the following section(s) and adjust the width as indicated by the highlight
doing this will pull the right sideboxes up and even with the top of the left sideboxes

#navBreadCrumb {
margin: 1.5em auto 0;
padding: .7em 0 0 2.5em;
background: url(../images/bread_crumb.gif) no-repeat;
font-size: 0.95em;
font-weight: bold;
height:30px;
width:500px;
}

#contentColumnMain {width: 60%;float:left;vertical-align: top; font-size: 1.2em;}

[clydejones]

The menu items are a list and will expand downward as needed.
the five items presently in the menu take up the space they need in order to display.

open includes/templates/cork_board/css/stylesheet.css

find the following declarations and try changing the highlighted portions (more than likely change to 0)

#categoriesHeading {
margin: 0;
padding: 0.5em 0.2em;
/*border-bottom:1px solid #DFDFDF;*/
font-weight: bold;
}

.leftBoxHeading, .rightBoxHeading {
margin: 0;
padding: 0.5em 0.2em;
background:url(../images/sideboxtop.png) no-repeat;
color: #000;
text-align:center;
font-weight: bold;
}

also might want to open includes/templates/cork_board/css/stylesheet.css

find the following section(s) and adjust the width as indicated by the highlight
doing this will pull the right sideboxes up and even with the top of the left sideboxes

#navBreadCrumb {
margin: 1.5em auto 0;
padding: .7em 0 0 2.5em;
background: url(../images/bread_crumb.gif) no-repeat;
font-size: 0.95em;
font-weight: bold;
height:30px;
width:500px;
}

#contentColumnMain {width: 60%;float:left;vertical-align: top; font-size: 1.2em;}

The width of your heading graphics is 150px so go to
admin -> configuration -> layout settings and make these settings. (right now I believe you have them set at 145px)

Column Width - Left Boxes 150px
Column Width - Right Boxes 150px

[debtag]

Thanks again Clyde!

Unfortunately, I have some serious issues here. My front store page is starting to look good! (With all your help! Thank you again!) But if you click on LOG IN....something has gone wrong somewhere. I don't how long it's been messed up because I don't think I've really ventured out onto the other pages for a while. If you notice the form is messed up and also the BREADCRUMB bar changes from my design to the original Corkboard design.
(Are you getting sick of me yet?)

[clydejones]

Thanks again Clyde!

Unfortunately, I have some serious issues here. My front store page is starting to look good! (With all your help! Thank you again!) But if you click on LOG IN....something has gone wrong somewhere. I don't how long it's been messed up because I don't think I've really ventured out onto the other pages for a while. If you notice the form is messed up and also the BREADCRUMB bar changes from my design to the original Corkboard design.
(Are you getting sick of me yet?)

Again the form is messed up because you appear to be missing some of the language files that contain the definitions for the template. in this case includes/languages/cork_board/english.php

as for the graphic you can change that in
includes/templates/cork_board/css/login.css

#navBreadCrumb {
margin: 1em 0 0 20px;
padding: .5em 0 .5em 2em;
background: url(../images/breadcrumb_login.gif) no-repeat;
font-size: 0.95em;
font-weight: bold;
width: 920px;
}

[debtag]

That file is there! If you'd like, I can send you a copy of it's contents...or I can upload it again and replace the file that's there. Would I have made changes to it? I don't recall making any...

[clydejones]

That file is there! If you'd like, I can send you a copy of it's contents...or I can upload it again and replace the file that's there. Would I have made changes to it? I don't recall making any...

These are the missing definitions

define('BILLING_INFO_TEXT', 'To create an account, please enter your billing information as it appears on your credit card statement.');
define('RETURN_CUSTOMER_TEXT', '<strong>' . STORE_NAME . '</strong> account holders Please Log In below.');
define('FORM_REQUIRED_INFORMATION', ' = Required information');
define('ENTRY_REQUIRED_SYMBOL', 'star.gif');
define('ENTRY_REQUIRED_SYMBOL_ALT', 'required information');
define('ENTRY_REQUIRED_SYMBOL_HEIGHT', '12');
define('ENTRY_REQUIRED_SYMBOL_WIDTH', '12');