Modest Muse help please..

[shelz013]

I changed the template image to one of my own.http://www.ecogorgeous.com
It shows on all pages until I get to the shopping cart, where just the URL is displayed. To look at it, you will have to choose a product, and go to pay. Currently only product is under "Foundations". I will be using paypal for checkout.
Is this something that can be fixed? What did I overlook?
Thanks bunches..

[lwyau]

Do a software update. I think this is a bug that got fixed in the latest build.

[shelz013]

THANKS!!! That did the trick!

[shelz013]

I have created the sub pages for the Main content Affordable Mineral Makeup~ When you go to the AMM page, the menu for the sub pages is on the left side. There is a little brown like ticker thingy(it looks like a little brown box).. It's pretty, but it interferes with the text of the menu. Other than adding 2 of these'~" is there any way to make it so that the text starts next to not on top of the little brown box?here is the link to what I am talking abouthttp://ecogorgeous.com/index.php?pr=~Affordable_Mineral_Makeup
Thanks..

[DrJon]

I used (and modified) this template for a client site and had a similar problem. I think what I did was to change the size of the 'bullet' on the sub menus. I may even have created new ones - it was a while ago now though...

Adding a couple of non printing spaces instead of the tildes (~) should also work - look nicer too.

[shelz013]

I tried the non printing spaces, and it didn't work.
How would I go about changing the size of the bullet.. or get rid of it all together?
Thanks.

[DrJon]

The bullet itself is called sideNav_bullet.gif and it's in the images folder of the template - you can edit the size of it in any good image manipulation program.

To remove it altogether is slightly more complicated than in a 'standard' template as the buttons are controlled by the custom.css file in the template folder.

If you're happy to play around with this, make sure you take a copy of the original so you can always get back to your starting place.

Download the custom.css file to your PC and using a good text editor, such as Crimson Editor, or even Dreamweaver come to that, look for somewhere around line 79 for this:

a.vmenu_sub_off:link,
a.vmenu_sub_off:visited,
a.vmenu_sub_on:link,
a.vmenu_sub_on:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 95%;
font-weight: bold;
color: #666666;
background-image: url(images/sideNav_bullet.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #acacac;
text-decoration: none;
padding-left: 14px;
display: block;
width: 149px;
}


It's been a while since I played around with this template, but I think simply removing the line beginning background-image will remove the image. However, this may well affect the formatting of the text in the sub-menu box.

To be really slick, simply create a new, completely transparent background image of the same dimensions and reference it in this file (after uploading the image to the right location of course). Or, if your submenu box is a single colour, make the image the same colour.

HTH.

EDIT: One more thing: you 'll need to edit this line in pngbehavior.htc file
var blankSrc = "sohoadmin/program/modules/site_templates/pages/PHASE2-Modest_Muse-Orange/images/blank.gif";
if you've changed the name of your template.

[shelz013]

um.. yeah.. that sounds waaaay too complicated for me not to mess it up completely. I guess I'll just play around with the spaces again.
Thanks though.

[DrJon]

:) Yep it can sound daunting....

Trouble with using spaces is they also have to be entered into the custom.css or the index.html of the template you are using - depending on the template.

If you want me to simply get rid of the bullets, no problem - will only take a moment or so.

EDIT: here's a transparent gif you can try; rename your original and then upload this one. Should work ok. http://brody.org.uk/sideNav_bullet.gif

[shelz013]

I downlaoded, and then uploaded the file you made, but I can't figure out how to change the original bullet file name. Do I need to download the whole thing, change it, and then upload it? what if I mess it up?

[DrJon]

If you have cPanel use your file manager and navigate to public_html/sohoadmin/program/modules/site_templates/pages/PHASE2-Modest_Muse-Orange/images (it looks like you're using the original template ok).

That's where the original gif is. Jst add a .bak to the name and then upload the file I gave you to the same folder.

When you navigate to the page with the submenus on you may need to do a hard refresh to get it looking ok - Press CTRL and the refresh button in IE.

If you're using the Soho filemanager, it will drop the file in the wrong folder unfortunately.

HTH.

[shelz013]

It worked! It worked!!
THANK YOU!!

[DrJon]

You're more than welcome :)

[shelz013]

Some more questions..
Is there a way to get the product description, and the price a different color than white?It seems difficult to read to me.
Is it possible to make all the "product boxes" the same size? I realize the pics are different sizes, and I'm going to fix that.. will that fix the problem?http://ecogorgeous.com/index.php?pr=Foundations
Thanks..

[DrJon]

All the text is controlled by the custom.css file for that template; if you edit it in something like Dreamweaver, you can see the colours in the right hand toolbar so you can check what colour you are changing it to.

Be careful changing the orange colour though as from memory I think that's pretty much a global change.

You can change the white as well as the background bar colour too, but again, make sure it doesn't affect other parts of the site.

Keep a copy of the original!

Product boxes will change size according to how much information goes in the short description.

[shelz013]

Unfortunately, I don't have dreamweaver... Guess I'll live with it..
Thanks though.

[DrJon]

If you need to know what the hex code or RGB code for colours is, try this freebie calculator on one of my sites: http://doctorjon.co.uk/colourchart.html

It has a real-time calculator to show how the colours work too :)