Printable View
My final post on this issue, hopefully. I have managed to get all of the images moved up, added links as desired, but my final problem is: my text is below the cart image. I have figured out how to move it up, however when I do it goes behind the image instead of on top.
Any suggestion.
Thanks so much!!!
Could this be modiflied to work with a sidebox shopping cart???
The template that I am using can't modify the header unless you move a lot fields elsewhere...
I have not fully investigated to see if header can be changed easily, I will shorty.. just wanted some input before I do...
Thanx :unsure:
It was originally modified FROM a sidebox mod, so moving it back shouldn't be a big deal...Quote:
Could this be modiflied to work with a sidebox shopping cart???
If I can see your site, I can advise on the best way to use this in the header.
I probably have to look at the stylesheet to move locations of it but I've included a photo of what needs to done...
1) move the Home Login ... etc fields to left under the logo
2) take out the search field
3) move the Currencies and languages down to where the search field was.
http://store.printersparts.com/ppe_mod.jpg
Any help would be great... I'm sure afterwards this will look great!
Richard :bigups:
Sorry I forgot the site address: http://store.printersparts.com/store/
I see you have the search-header turned off. The rest of the elements are built into that structure by Template Monster, and you will need to rework tpl_header.php to move them into the part of the header where you want them. CSS can't reliably do it all.
An example of what you can do - rather brute force, but it works:
in stylesheet_tm.css, add two rules and add a property to an existing rule, as shown in red:
.header_t {position: relative;}
.user_menu2 {position: absolute; top: 114px; left: 10px}
.header_t .row2{}
.header_t .row2 .inner1{background:url(../images/header_t_bg2.gif) repeat-x left top #072846; width:100%;}
.header_t .row2 .inner2{background:url(../images/header_t_bg1.gif) no-repeat left top; width:100%;}
.header_t .row2 .inner3{background:url(../images/header_t_bg3.gif) no-repeat right top; padding-bottom:5px; height:20px;}
The most robust way to handle this is to move the home/login menu and the currency/language section into <div class="inner3">; then they will automatically stay there and fill it up to the correct height, and not interfere with positioning the shoppingcart/freeship in the upper right area.
Everything is working out now.... I've just found out a problem and fixed it... just now modifying to look and it'll be all set...
Thanks for everything....
Regards,
Richard
I am having issues with centering the #cartFreeShip in the sylesheet.css file...
I've used text-aligh: center but it still is aligned left...
Did you put any of the styles from the readme into your stylesheet? If so, you might have carried over a typo in a previous rule from the readme:
#cartCount a {)
instead of the correct
#cartCount a {}
That would invalidate following rules:
#cartTotal {}
#cartFreeShip {
margin: 0 0.3em;
text-align: center;
}