Zen Follower
- Join Date:
- Sep 2010
- Posts:
- 109
- Plugin Contributions:
- 0
information box and logo
how to put the information box inline with the logo.
Views: 1,362
Zen Follower
how to put the information box inline with the logo.
Totally Zenned
Al,
What do you mean by inline ?? Do you want your logo centered or.. Please explain more in detail ..
Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com.
Zen Follower
Totally Zenned
Al,
You will have to place the logo in the main page then...
admin panel / tools/ define page editor / click in the drop down box and select define_mainpage.php...
You will have to delete the logo out and change the font size for the ezpages to match...
Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com.
Zen Follower
how to put link of the photo in main_page in define pages editor?
Totally Zenned
You could try in the stylesheet.css
navColumnOneWrapper {margin-top: -180px}
Then you should reposition your navEZpagesTop.
Zen Follower
solved that but tell me how to put ezpages above the logo?
Totally Zenned
includes/templates/YOUR_TEMPLATE/common/tpl_header.php
move this
<!--bof-header ezpage links--> <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?> <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?> <?php } ?> <!--eof-header ezpage links-->above
<!--bof-navigation display--> <div id="navMainWrapper">Zen Follower
Totally Zenned
I apologize I misunderstood.
Please try using the attched tpl_header.php file, you might need to tweak again a little bit the stylesheet, like removing the top padding (70px) for your logo.
Please make a back-up copy of your current file.
Zen Follower
keneso:
I apologize I misunderstood.
Please try using the attched tpl_header.php file, you might need to tweak again a little bit the stylesheet, like removing the top padding (70px) for your logo.
Please make a back-up copy of your current file.
i tried with your tpl_header and it shows me this...
Totally Zenned
You have done something to your stylesheet, and I haven't looked deeply into it to see the differences with the original (default) stylesheet.
Anyhow please do like this:
1 - do NOT edit the classic folder, if you need to have a customized template, copy the classic folder, and rename it.
2 - now in the newly created custom folder open the template_info.php file and where you see $template_name = 'Classic Contemporary Italian Version'; chnage Classic Contemporary Italian Version to the name of your custom folder
3 - put the tpl_header.php file I gave you in the common folder of your custom folder
4 - load everything to your server in the includes/templates folder
5 - in your admin go to tools > chhose template, and set pick your custom template
6 - now you can go and edit the stylesheet.css in the your_template/css folder
If you want to keep the actual template you need to make these changes, though I again advise you to do what said above.
Anyhow on your actual stylesheet try this
line 274 from this
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
background-color: #ABBBD3;
background-image: url("../images/tile_back.gif");
color: white;
float: right;
font-weight: bold;
height: 1%;
margin: 0;
padding: 0.5em 0.2em;
}
make it like this
#navSuppWrapper, #navCatTabsWrapper {
background-color: #ABBBD3;
background-image: url("../images/tile_back.gif");
color: white;
float: right;
font-weight: bold;
height: 1%;
margin: 0;
padding: 0.5em 0.2em;
}
#navMainWrapper {
background-color: #ABBBD3;
background-image: url("../images/tile_back.gif");
color: white;
float: right;
font-weight: bold;
height: 1%;
margin: -35px 0 0 0;
padding: 0.5em 0.2em;
}
line 355 make it like this
#navEZPagesTop {
background-color: #FFFF00;
color: black;
font-size: 0.95em;
font-weight: bold;
margin: 30px 0 0 0;
padding: 0.5em;
}
line 137 from this
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: right;
padding: 100px 0 500px;
}
make it like this
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: right;
padding: 100px 0 500px;
}
#logo {
float: right;
padding: 0 0 0 100px;
}
Totally Zenned
Please be advised it is better to follow the first option, meaning creating your custom template folder, and working there.
Totally Zenned
I see you opted for the custom template, which is good.
I have to apologize as in the tpl_header.php file I missed to delete the ezpages at the end of file, that's why you see two sets of them.
Please delete the last lines of that file from line 106 to 110, meaning from
to
<!--eof-header ezpage links-->Zen Follower
How to make the information box links look different that the other links?
once again thanks a lot man for helping me!!
Totally Zenned
You're welcome
What do you mean by different?
Maybe something like this? (use the colors you like)
#informationContent ul li a {
display: block;
color: #FFFFFF;
background: none repeat scroll 0 0 #FFFF00;
border-bottom: 1px dotted #FFFFFF;
padding: 3px;
}
#informationContent ul li a:hover {
background: none repeat scroll 0 0 #FF0000;
color: #0000FF;
}
If you want to move your search under the login link add the red text to your #navMainSearch, and remove the padding
#navMainSearch {
clear: both;
float: right;
}
Tell staff why this post should be reviewed.