PurpleShades Support Thread

I'm back! Upgraded to 1.3.8a and upgraded template. Have a few issues.

Screen shot attached. Too much space above Center Box and not enough space between images in All Products listing.

[Attachment no longer available]

Thanks,
Tina

Can't suggest squat from a pic

Where is this install in development?

Can't suggest squat from a pic

Where is this install in development?

GEEZ!
I was in such a hurry I forgot!

http://replicaprops.com/cart2

Tina

hi - i need some help with the purpleshades template - currently the mainnav is aligned left... my client wants it all centred and spread out (justified)

i have tried add text-align: center; and text-align: justify; into every conceivable spot in the css /navigation/ section - nothing seems to affect it. ive even tried editing the header.php file.

please please please i know there is a simple solution!

here is a link to my site:
http://mammabellahkids.com.au/shop

Find these in your stylesheet and add the highlighted entries and adjust values as needed

#navMain ul li.firstbar, #navSupp ul li.firstbar, #navCatTabs ul li.firstbar {
	display: inline;
	border-left: none;
	text-align: center;
	color: #ffffff;
        margin: 0em 2em 0em 0em;
	}
	
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	border-left: 2px solid;
	text-align: center;
	color: #000000;
        margin: 0em 3em 0em 0em;
        padding: 0em 0em 0em 3em;
	}

worked perfectly - thanx heaps!!!!

i have just installed the template and cannot for the life of me change the logo and tag line, i have tried editing the header page managed to get the browser bar changed but dont know how to do the log and tag line.
Any help greatly appreciated.
https://www.debbiesnappies.co.uk/zen

Tagline

https://www.zen-cart.com/tutorials/index.php?article=127

Logo and where "custom" is referenced replace with purple shades

https://www.zen-cart.com/tutorials/index.php?article=125

kobra:

Tagline

https://www.zen-cart.com/tutorials/index.php?article=127

Logo and where "custom" is referenced replace with purple shades

https://www.zen-cart.com/tutorials/index.php?article=125

Tried doing that, and its just not working for me.
I used filezilla ftp, then i went to my host control panel, then i used smart ftp to change files and couldnt do it. unless its something up with my server.

I am changing a friends Purplelilly website at https://www.pussycatgifts.co.uk

Ive widened the template to the full width of the screen, moved the header to the right and put the correct fill colour into the gap that is left on the left of the header.

However whatever width I make logo.png it doesnt fill that little strip of space along the bottom.

Please could someone tell me what I need to change to fill the gap along the bottom of the logo.

get rid of or adjust the padding in #logoWrapper and possibly add a height entry

Thank you for your reply.

Still no joy ... I changed every combination I could think of - removed margin-bottom, then padding-bottom, added and removed height, widened logo.png etc

Still the gap insists on staying.

I dont have any knowledge of php or css. I just keep trying things to see how they work.

Also I realised too late that I posted under Purpleshades.
But the help is much appreciated.

If you copy all of your template /images to your /images dir I can look at this interactively in a better fashion

Sorry but I dont understand how to do what you have asked

This is a brand new Purplelilly template and Ive just changed the width to 100%

#mainWrapper {
background-color: #EEDDFF;
text-align: left;
width: 100%;
vertical-align: top;
}

Have changed the background-position from left top to right top

#headerWrapper {
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right top;
}

I then created my own version of logo.png to be 550px by 150px

I copied a block of the light purple colour from header.jpg and pasted it several times into logo.png until the whole of logo.png was the correct colour match. (using fireworks)

The only thing I was unsure of was whether 550px was the correct width to make logo.png and I dont know how wide a 100% screen is in pixels. header.jpg remained at its original size of 720 x 150 pixels.
Sorry, Im unsure if this info is any help. It looks to me as if my idea should work. This is basically an unchanged original site, except for the addition of google analytics.

#logoWrapper {
/* margin-bottom: 0px; /
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: left top;
/ padding-bottom: 20px; */
height: 0px;
}

Is this any help ?

Ive managed to fix this !!!!

I simply looked at another website Id got stored in Dreamweaver, came back into this website and thought Id have another go at changing the settings that you recommended and this time I got more response when copying live the changes and the screen noticeably changed and the space disappeared.

Dont know what happened there ... but Im relieved its all sorted.

Thank you !! :smile:

Ok we are having an issue with the ezpages header and this template. I have tried uninstalling and reinstalling the template but still the same thing happens.

http://teenytinytots.co.nz/zencart/index.php

Below the ezpages header there is a huge gap before you get to the categories and such.

We really want this gap gone but have no idea how to get rid of it, not even sure how it came there in the 1st first!!

Any help will be greatly appreciated :)

Edit the entry in your stylesheet for the following and adjust value to suit

#navEZPagesTop {
	background-color: #d6adeb;
	font-size: 0.95em;
	font-weight: bold;
	margin-bottom: 10em;
	padding: 0.5em;
	}

thank you so much - that worked brilliantly!!!

Hi all
Sorry if this has already been addressed but I have installed purpeshades following the how to install text file and nothing shows up!

Take a look: http://2cute4you.co.uk/zencart/

I don't know what to do about it :(