Ocean Front Template Support Thread

Hi Clyde,
I am still having some css issues mainly caused by by lack of understanding,

Using FF3 when you go to http://www.thepatchshop.com.au all is fine, then go to Contact Us or Login and the bottom boxes are cut off on the left border.

Using IE, what a mess, so does IE use instruction from both stylesheet.css and iestylesheet.css

I have all manner of combination's to no avail.

Any assistance would be appreciated

FireFox3? Isn't that still BETA?

Kim:

FireFox3? Isn't that still BETA?

No it was released on the 17th.

RKB:

Hi Clyde,
I am still having some css issues mainly caused by by lack of understanding,

Using FF3 when you go to http://www.thepatchshop.com.au all is fine, then go to Contact Us or Login and the bottom boxes are cut off on the left border.

Using IE, what a mess, so does IE use instruction from both stylesheet.css and iestylesheet.css

I have all manner of combination's to no avail.

Any assistance would be appreciated

Try removing the highlighted portion of this declaration in the stylesheet.css

The width of the column wrapper is already defined in admin -> configuration -> layout settings; you don't need to set it in the stylesheet.

#navColumnOneWrapper {
margin-left: 10px;
margin-right: 0px;
/width: 150px;/
}

The iestylesheet.css only uses settings particular to IE and anything else comes from the the main stylesheet.css.

Kim:

FireFox3? Isn't that still BETA?

No, It's fully released

Hi every one, Ive found most solutions in the forum but Im a bit stuck with the space above the header especially in IE the site I am working on is this site
http://www.rxalternative.net/rxalternative/ and Im using ocean front template and version v1.3.8 of zen cart, can any one help??

bishop999:

Hi every one, Ive found most solutions in the forum but Im a bit stuck with the space above the header especially in IE the site I am working on is this site
http://www.rxalternative.net/rxalternative/ and Im using ocean front template and version v1.3.8 of zen cart, can any one help??

One thing I did notice is that you are not using the stylesheet.css that was included with the template. So I can't pin point exactly where this problem may lie.

clydejones:

One thing I did notice is that you are not using the stylesheet.css that was included with the template. So I can't pin point exactly where this problem may lie.

Hi thanks for replying, would it be ok to add the style sheet here? it was the one that came with the latest version of the template, Ive modified it a little to change font colors and header size.

the issue is the header isnt going to absolute top, the search header went to absolute top but I turned that off in the layout boxes control

bishop999:

Hi thanks for replying, would it be ok to add the style sheet here? it was the one that came with the latest version of the template, Ive modified it a little to change font colors and header size.

the issue is the header isnt going to absolute top, the search header went to absolute top but I turned that off in the layout boxes control

You turned off the search box in the admin but now you are displaying an empty div.

to correct this:

open includes/templates/ocean_front/common/tpl_header.php

find the following line of code (at around line 45)

<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>

and replace that line with the following line of code

<!-- <div id="navMainSearch"><?php // require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div> -->

Save the file and upload to your server

clydejones:

You turned off the search box in the admin but now you are displaying an empty div.

to correct this:

open includes/templates/ocean_front/common/tpl_header.php

find the following line of code (at around line 45)

thank you for your help, I got it working using alternate header (user contribution), but now the search div is making a space below header so Ill try your fix and get back to you, thanks again.

Ive got it now, just in case anyone else has this issue, I changed ocean front template header_bg.jpg image to 832 x 150 image and changed the image size in the style sheet, so by reducing the style sheet image size the gap closed (height was 150, changed to 130)

#logoWrapper{
margin: 0 0 0 5px;
/background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;/
height:130px;
width:832px;
}

Hey Clyde, very nice template.:clap:
My client wishes to operate just as a showcase. How do I turn off the "My Account" and "View Cart" tabs from the strip under the header?
Thanks, Jen

jenpen:

Hey Clyde, very nice template.:clap:
My client wishes to operate just as a showcase. How do I turn off the "My Account" and "View Cart" tabs from the strip under the header?
Thanks, Jen

This should take care of it. They should only show up when someone is logged in.

Just unzip the file and upload the entire includes folder to your server.

[Attachment no longer available]

Hey Clide- thank you again for all your help on the comstock... I am now working on another site with ocean front and I am confused on something-

When i open the template download it is includes ->languages->english->extra-definitions->ocean-front then nothing- there is no file in there... does that mean to just create the folder for ocean front and leave it or is the file missing???

Thanks!

luvingmamma:

Hey Clide- thank you again for all your help on the comstock... I am now working on another site with ocean front and I am confused on something-

When i open the template download it is includes ->languages->english->extra-definitions->ocean-front then nothing- there is no file in there... does that mean to just create the folder for ocean front and leave it or is the file missing???

Thanks!

There are no files included in the extra_definitions folder. You can leave everything as is.

If at some future time, you create any files that would require specific definitions for the site you are working on you could place them in that folder.

OH OK! Makes complete sense......

I installed it here : http://74.52.222.34/~fluffybu/index.php?main_page=

and it worked perfect :) I was just coming back to post :) I did something wrong and had to go to back up because it was not working right :(

off to fine tune it- I need to go back and get the graphics program you pointed me towards on comstock so i can modify these ones to my colors ':)

you are one talented person! (that is where I am not lol... )

Just unzip the file and upload the entire includes folder to your server.

jenpen_fix.zip

Perfect Clyde, thanks.

jenpen:

Perfect Clyde, thanks.

Glad to help

Clyde, my host gave me a free hosting account for being with them for over 6 years, so I made a new site! I used your template and I am loving it! I didn't know you were so artsy :bigups:

I have been fiddling around with the .css sheet and cant' figure it out. Do you mind going to www.babygiftbasketstores.com and putting something in the cart and then looking at the cart and the checkout page? Everything is to the left with a lot of padding on the right. Can you tell me what to do to my stylesheet to get them to center better since I turned off my sideboxes for these pages?

Thanks! Your template is groovy!

Doodlebuckets:

Clyde, my host gave me a free hosting account for being with them for over 6 years, so I made a new site! I used your template and I am loving it! I didn't know you were so artsy :bigups:

I have been fiddling around with the .css sheet and cant' figure it out. Do you mind going to www.babygiftbasketstores.com and putting something in the cart and then looking at the cart and the checkout page? Everything is to the left with a lot of padding on the right. Can you tell me what to do to my stylesheet to get them to center better since I turned off my sideboxes for these pages?

Thanks! Your template is groovy!

Let me play around with the template but I'm thinking that it will take separate per-page stylesheets to get it right.

login.css
shopping_cart.css
and one for each of the checkout pages.

the change would be
.centerColumn {
margin: auto;
width: 792px;
}