Cherry Zen Template Support Thread

16 Mar 2008, 8:56 PM

#1001

Totally Zenned

Join Date:: Feb 2007
Posts:: 816
Plugin Contributions:: 0

Cherry Zen Template Support Thread

Hi Jade,

Thanks for replying. When you say > Yes, they will still show, as that is how the template is designed. Read the readme.txt for more information on removing any sideboxes, I suppose you'll have to use css to turn off the right and left sideboxes on the pages you'd like to turn off.

I read the read me. Do you mean add the code I have to the stylesheet.css instead of the tpl_main_page.php ???

Or is there a better/different way to handle turning off the left and right columns with css on certain pages?

Thanks.

17 Mar 2008, 5:40 AM

#1002

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

just got word that in IE6 my main page text runs off the page using resolution of 800

17 Mar 2008, 7:14 AM

#1003

tbsm

New Zenner

Join Date:: Sep 2007
Posts:: 65
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

Hi again jade.

I only have one last hickup with customizing your template and that is

I am running a 170px wide side box (which i have heard can upset the boxe's layout) but i couldnt seem to find a fix for it in searching this thread.

Heres the source if you need it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> <head> <title>Complete Bikes : TBSM, The Bike Shed Mortdale, Australias DH/FR Specialists</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="Complete Bikes, Accesories, Brakes, Drivetrain, Riding Apparel, Suspension, Tools, Wheels, Downhill, downhill, freeride, Freeride, dh, DH, fr, FR, bike shop, online bike shop, norco, Norco, inon horse, Iron Horse, kona, Kona, Sram, sram, shimano, Shimano, mtb shop, MTB shop , Complete Bikes" /> <meta name="description" content="TBSM : Complete Bikes - Complete Bikes, Accesories, Brakes, Drivetrain, Riding Apparel, Suspension, Tools, Wheels, Downhill, downhill, freeride, Freeride, dh, DH, fr, FR, bike shop, online bike shop, norco, Norco, inon horse, Iron Horse, kona, Kona, Sram, sram, shimano, Shimano, mtb shop, MTB shop " /> <meta http-equiv="imagetoolbar" content="no" /> <meta name="author" content="The Zen Cart™ Team and others" /> <meta name="generator" content="shopping cart program by Zen Cart™, <http://www.zen-cart.com> eCommerce" /> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <base href="http://tbsm.com.au/" /> <link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/style_imagehover.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dotline.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_dropshadow.css" /> <link rel="stylesheet" type="text/css" href="includes/templates/cherry_zen/css/stylesheet_header_menu.css" /> <script type="text/javascript" src="includes/templates/template_default/jscript/jscript_imagehover.js"></script> </head> <body id="indexBody">   <div id="nw"><div id="ne"><div id="se"><div id="sw"><div id="n"><div id="s"><div id="w"><div id="e"><div id="main"><table id="workaround"><tr><td> <div id="headerWrapper"> 
  
  
  <div id="logoWrapper" class="clearfix">
    <div id="logo"><a href="http://tbsm.com.au/"><img src="includes/templates/cherry_zen/images/logo.gif" alt="Powered by Zen Cart :: The Art of E-Commerce" title=" Powered by Zen Cart :: The Art of E-Commerce " width="1000" height="150" /></a></div>
          </div>	
  
 <div id="dropMenuWrapper"> <div id="dropMenuWrapperb"> <div id="dropMenuWrapperc">
  <div id="dropMenuWrapperd">
    <div id="dropMenu">
      <ul class="level1">
        <li class="submenu"><a href="http://tbsm.com.au/index.php?main_page=index">Home</a>
          <ul class="level2">
            <li><a href="http://tbsm.com.au/index.php?main_page=products_new">New Products</a></li>
            <li><a href="http://tbsm.com.au/index.php?main_page=products_all">All Products</a></li>

            <li><a href="http://tbsm.com.au/index.php?main_page=specials">Specials</a></li>
            <li><a href="http://tbsm.com.au/index.php?main_page=advanced_search">Search</a></li>
          </ul>
        </li>
        <li class="submenu"><a href="http://tbsm.com.au/index.php?main_page=site_map">Categories</a>
          <ul class="level2"><li class="submenu">
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7">Complete Bikes</a><ul class="level3"><li class="submenu">

<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15">Mountain Bikes</a><ul class="level4"><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_18">DH//FR Dual</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_20">AM Dual</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_21">XC//Trail</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_19">AM//FR Hard-tail</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_22">DJ//Street//4X</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15_23">Recreational</a></li></ul></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_16">Road & Hybrid</a></li><li>

<a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_17">BMX</a></li></ul></li><li class="submenu">
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8">Accesories</a><ul class="level3"><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_24">Handlebars//Stems//Grips</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_25">Seats</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_26">Seat Posts</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_27">Pedals</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_28">Headsets</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_29">DVDs</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_30">Lights//Helmet Camera's</a></li><li>

<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_31">Trainers</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=8_32">Bike Racks & Accessories</a></li></ul></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=9">Brakes</a></li><li class="submenu">
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10">Drivetrain</a><ul class="level3"><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_33">Combo Deals</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_34">Shifters</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_35">Derailluers</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_36">Chains</a></li><li>

<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_38">Cassettes//SS cogs</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_37">Cables</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_39">Cranks//Bottom Brackets</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_40">Chain Guides</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=10_41">Chain Rings</a></li></ul></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=11">Riding Apparel</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=12">Suspension</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=13">Tools</a></li><li>
<a href="http://tbsm.com.au/index.php?main_page=index&cPath=14">Wheels</a></li></ul> </li>
        <li class="submenu"><a href="http://tbsm.com.au/index.php?main_page=index">Information</a>
          <ul class="level2">
  	    <li><a href="http://tbsm.com.au/index.php?main_page=about_us">About Us</a></li>
  		                
            <li><a href="http://tbsm.com.au/index.php?main_page=shippinginfo">Shipping Info</a></li>
  						                <li><a href="http://tbsm.com.au/index.php?main_page=privacy">Privacy Policy</a></li>
  						             	
                            <li><a href="http://tbsm.com.au/index.php?main_page=site_map">Site Map</a></li>

                                                                            <li><a href="http://tbsm.com.au/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
                                          </ul>
        </li>
        <li><a href="http://tbsm.com.au/index.php?main_page=contact_us">Contact Us</a></li>
        <li class="submenu"><a href="http://tbsm.com.au/index.php?main_page=account">My Account</a>
          <ul class="level2">
                            <li><a href="http://tbsm.com.au/index.php?main_page=login">Log In</a></li>

            <li><a href="http://tbsm.com.au/index.php?main_page=create_account">Create Account</a></li>
                          </ul>
        </li>
                    <li><a class="noLine" href="http://tbsm.com.au/index.php?main_page=shopping_cart">Shopping Cart</a></li>
                  </ul>
    </div>
  </div>
</div>
</div> </div> <div class="clearBoth"></div>  <div class="clearBoth"></div>
  
  
  

  
  

                    
</div>
  <div id="contentMainWrapper">
<div id="contentMainWrapperb">
  <div class="outer">
    <div class="inner">
      <div class="float-wrap">
        <div id="content">
          <div class="contentWrap">

  	                  
                            <div id="navBreadCrumb">  <a href="http://tbsm.com.au/">Home</a> :: 
Complete Bikes
</div>    <div class="centerColumn" id="indexCategories"> <h1 id="indexCategoriesHeading">Complete Bikes</h1> <div id="categoryDescription" class="catDescContent">Please select from the following categories.</div>  <div class="centerBoxWrapperContents"> <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="31%" align="center" valign="top"><div class="categoryListBoxContents" style="width:98%;"><a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_15"><img src="bmz_cache/4/479b51f4131878199132edfa77f6fed2.image.150x115.gif" alt="Mountain Bikes" title=" Mountain Bikes " width="150" height="115" /><br />Mountain Bikes</a></div></td> <td class="vDotLine" rowspan="2"></td>
<td width="31%" align="center" valign="top"><div class="categoryListBoxContents" style="width:98%;"><a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_16"><img src="bmz_cache/c/cb0dac4ec809c3acbd976b12e16d4d38.image.150x114.gif" alt="Road & Hybrid" title=" Road & Hybrid " width="150" height="114" /><br />Road & Hybrid</a></div></td>
<td class="vDotLine" rowspan="2"></td>
<td width="31%" align="center" valign="top"><div class="categoryListBoxContents" style="width:98%;"><a href="http://tbsm.com.au/index.php?main_page=index&cPath=7_17"><img src="images/categories//BMX_cat.gif" alt="BMX" title=" BMX " width="150" height="116" /><br />BMX</a></div></td>
</tr> </table> </div>   </div> </div>  </div>
        
        <div id="navColumnOne" class="columnLeft" style="width: 170">
                        <div id="navColumnOneWrapper" style="width: 170">
            
<div class="leftBoxContainer" id="search" style="width: 170"> <h3 class="leftBoxHeading" id="searchHeading"><label>Search</label></h3> <div id="searchContent" class="sideBoxContent centeredContent"><form name="quick_find" action="http://tbsm.com.au/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" class="search" size="18" maxlength="100" value="Search" onfocus="if (this.value == 'Search') this.value = '';" onblur="if (this.value == '') this.value = 'Search';" /><br /><input type="submit" value="Search" style="width: 65px" /><br /><a href="http://tbsm.com.au/index.php?main_page=advanced_search">Advanced Search</a></form></div></div>   <div class="leftBoxContainer" id="PHPLive" style="width: 170"> <h3 class="leftBoxHeading" id="PHPLiveHeading">TBSM Live Chat</h3> <div id="PHPLiveContent" class="sideBoxContent centeredContent"><img src="www/includes/templates/cherry_zen/images/PHPlive_image.gif" border="0" height="125" width="150"> <script type="text/javascript" src="http://tbsm.com.au/phplive/js/status_image.php?base_url=http://tbsm.com.au/phplive&l=TBSM&x=1&deptid=0&"></script> </div></div> 
          </div>
        </div>
        
        <div class="clearBoth"></div>

      </div>
      
                 <div id="navColumnTwo" class="columnRight" style="width: 150px">
                    <div id="navColumnTwoWrapper" style="width: 150px">
                      </div>
      </div>
      
                          <div class="clearBoth"></div>
    </div>

    
  </div>
  
</div>

</div>   </td></tr></table></div></div></div></div></div></div></div></div></div>  <div id="navSuppWrapper"> <div id="navSupp"> <ul> <li><a href="http://tbsm.com.au/">Home</a></li> <li></li> </ul> </div> </div>   <div id="siteinfoIP">Your IP Address is: 127.0.0.1</div>     <div id="siteinfoLegal" class="legalCopyright"> Copyright © 2008 <a href="http://tbsm.com.au/index.php?main_page=index" target="_blank">The Bike Shed Mortdale</a>. <a href=""_blank"></a></div>   </body></html>

Thank you soo much jade for all your time and support over the last month. Has been really great! I'll make sure i send you a donation when i get a debit card!

17 Mar 2008, 1:56 PM

#1004

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

TBSM:

Hi again jade.

I only have one last hickup with customizing your template and that is

I am running a 170px wide side box (which i have heard can upset the boxe's layout) but i couldnt seem to find a fix for it in searching this thread.

Heres the source if you need it:

Thank you soo much jade for all your time and support over the last month. Has been really great! I'll make sure i send you a donation when i get a debit card!

in the readme.txt, there are instructions for changing the sidebox widths. You have to make some changes in the css, did you only change it in the admin?

17 Mar 2008, 1:58 PM

#1005

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

just got word that in IE6 my main page text runs off the page using resolution of 800

Its probably because your logo is 1200px wide... and in a resolution of 800px, the site won't fit. :cool:

17 Mar 2008, 2:43 PM

#1006

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

gsdcypher:

Hi Jade,

Thanks for replying. When you say

I read the read me. Do you mean add the code I have to the stylesheet.css instead of the tpl_main_page.php ???

Or is there a better/different way to handle turning off the left and right columns with css on certain pages?

Thanks.

Well, lets see, you could do it all with css, but you'll have to use specific css to target only the pages you want. For example, if you view the source of any zen cart page, near the top you'll see this (below is from the login page):

Now, if I want to remove the left and right sideboxes for the log in page, I can use #loginBody to target only that page. Below is the code needed to hide the sideboxes, and adjust some widths and padding only for the login page:

#loginBody #navColumnOne, #loginBody #navColumnTwo {display:none;}

#loginBody .contentWrap {padding:0 15px;}

#loginBody .outer {padding:0!important;}

#loginBody .float-wrap {width:100%}

You can add as many pages you want, just using their body id's to target the specific page.

17 Mar 2008, 2:46 PM

#1007

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

Would be nice if

On the checkout shipping page there was a way to to put a seperate shipping address So it will show billing Address<customers address> and o nthe right side of that show the shipping address.

That would be a feature to request of zen cart, have you asked this in the general forum?

17 Mar 2008, 3:13 PM

#1008

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

i thought there was a way the site could display good on all browsers

17 Mar 2008, 3:58 PM

#1009

ted

Zen Follower

Join Date:: Jan 2004
Location:: Arkansas
Posts:: 100
Plugin Contributions:: 1

Re: Cherry Zen Template Support Thread

Hi Jade and thanks for the great template!

I'm having a problem after the 1.38 upgrade with the security error login discussed here: https://www.zen-cart.com/tutorials/index.php?article=312

I've tried merging the files 3 different times and I'm missing something somewhere and losing the login page entirely :( Just wondering if those changes had been implemented in the 1.2 version of Cherry Zen template?

Maybe a new day will make me see what I'm missing....

17 Mar 2008, 4:12 PM

#1010

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

ted:

Hi Jade and thanks for the great template!

I'm having a problem after the 1.38 upgrade with the security error login discussed here: https://www.zen-cart.com/tutorials/index.php?article=312

I've tried merging the files 3 different times and I'm missing something somewhere and losing the login page entirely :( Just wondering if those changes had been implemented in the 1.2 version of Cherry Zen template?

Maybe a new day will make me see what I'm missing....

Cherry zen 1.2 doesn't use either of those files. Cherry zen 1.4 does have the login page with the new security fixes, but all it does is fix a <div> issue that has been fixed in zen 1.3.8, so you can just delete those files if they are found in your cherry_zen template.

17 Mar 2008, 4:39 PM

#1011

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

i thought there was a way the site could display good on all browsers

Yes, use a smaller logo. Decrease it to 800 pixels wide, then in the css, change this section:

#logoWrapper {
float:left;
	width:auto;

	}
	
#logo {
	float:left;
	
	text-align:center;
	}

to this:

#logoWrapper {
	}
	
#logo {
	text-align:center;
	}

Then your logo will be centered, and no matter the width of the site, it will look nice.

17 Mar 2008, 4:52 PM

#1012

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

FatGuyinAZ:

Hello,

I have installed this template on my demo site where I am trying to get it set the way I like for my main site. I have changed the column width for left and right to 225px and I have adjusted the necessary images for the template so it looks good. I would like to change a few other things but I can’t seem to figure them out.

I would like the site to expand automatically to almost 100%. Say about 97% so that the background image still shows on the left and right side. About the same amount shows on each side as shows at the top (about ½”).

When viewing the demo site with a screen set at 800 x 600 the right side product column bleeds into the right sidebox column. I can’t seem to find the place to add padding or whatever is needed to keep it out of that right sidebox column. When viewing with a larger screen size I was able to set the .float-wrap width from 97% to 90%. I am not sure that was the right thing to do but it seemed to work. If there is a correct way to set this I would love to find out.

Lastly, the background image extends just a fraction above the left and right column sidebox header. You can see it in the picture just below the Cherry Zen logo.

I have drawn arrows to all three items in the picture below. Any help would be greatly appreciated.

The demo site I am working on is: http://www.swiker.com/demo

Thank you
Please post smaller images in the future, thanks!

Change the width in the stylesheet.css to the percentage you'd like:

#nw {
	width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
	max-width:1300px /* prevents the main content from getting wider than 1300px in sites other than IE */
	min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
	}

Add this to your css:

* html #navColumnTwo {
    margin-right: -170px !important; /* Fixes IE6 Issue */
    }

This is specifically for IE6, and it may not address your issue, but it will fix an issue in IE6. :smile:

You  might want to also change .contentWrap to this:
.contentWrap{
	padding: 5px;
	}

You can add this to your css:

h3.leftBoxHeading, h3.rightBoxHeading {margin:0!important;}

17 Mar 2008, 6:05 PM

#1013

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

That didnt work http://www.reynoldsgiftshop.com/

Its , it's floated to the left, but only goes to the center. i nFirefox but IE the whole thing is centered

I want the Text in the logo to show up Against the left side and have the ribbon on the right side of it

17 Mar 2008, 6:45 PM

#1014

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

That didnt work http://www.reynoldsgiftshop.com/

Its , it's floated to the left, but only goes to the center. i nFirefox but IE the whole thing is centered

I want the Text in the logo to show up Against the left side and have the ribbon on the right side of it

Hmm, you don't want it centered, and in IE it is centered? Try changing float:left to text-align:left:

#logo {
	text-align:left;
	}

17 Mar 2008, 7:14 PM

#1015

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

basically what im tryign to do is use the whole header area for my logo, taking up the entire space from left to right

But when i do that it needs to be bigger than 800px which makes it display bad for some people

17 Mar 2008, 7:25 PM

#1016

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

basically what im tryign to do is use the whole header area for my logo, taking up the entire space from left to right

But when i do that it needs to be bigger than 800px which makes it display bad for some people

Well, without splitting the logo into two images, then doing a complicated float left, float right layout, the only option is to make the logo 800px wide, then center the logo, so that no matter how narrow or wide your users view, it "seems" like the logo goes all the way across, because the background color is purple for that area, so it looks consistent. If you make a logo 1200px, it won't look good for people with 800x600 resolution, or even 1024x768.

17 Mar 2008, 7:28 PM

#1017

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

what id like to have it is the Reynolds Gif t Shop text touching the Left side like it is now and the Ribbon almost touching the Right side

Thats isnt possible?

17 Mar 2008, 7:54 PM

#1018

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

what id like to have it is the Reynolds Gif t Shop text touching the Left side like it is now and the Ribbon almost touching the Right side

Thats isnt possible?

I'm understanding what you'd like. You could split the images into TWO images (text by itself, and ribbon by itself), then set up a left/right float with those two images. However, I don't have quick instructions on doing that, its a fairly complicated css layout, other than that, no, it isn't possible with one image. If its wide, its going to stay wide, no matter the resolution.

17 Mar 2008, 7:59 PM

#1019

jettrue

Totally Zenned

Join Date:: Jan 2005
Location:: USA, St. Louis
Posts:: 3,651
Plugin Contributions:: 5

Re: Cherry Zen Template Support Thread

CnTGifts:

what id like to have it is the Reynolds Gif t Shop text touching the Left side like it is now and the Ribbon almost touching the Right side

Thats isnt possible?

You know what, I wasn't thinking outside the box.

First, make your logo without the ribbon. Make it no wider than it needs to be (I mean crop out everything but the text/subtext/hummingbird). Then make an image with just the ribbon.

Upload the new logo and then upload the ribbon image into the same folder as your logo, and tell me what you've saved it as, then I'll tell you how to make it a background image for that section, and we can float it to the right. So then, the ribbon will be one the right, and the logo on the left.

17 Mar 2008, 8:28 PM

#1020

cntgifts

Totally Zenned

Join Date:: Sep 2005
Posts:: 836
Plugin Contributions:: 0

Re: Cherry Zen Template Support Thread

Something like this you mean

I'll make the ribbon 800 in length. The logo, I'll make just a little over the width it actually is. It will never be shorter than that. Then when it needs to move, the right one (ribbon) "slides" to the right, the left one (logo) "slides" to the left, they will be overlapping, so when they slide, nobody will ever see anything in the middle!