Cherry Zen Template Support Thread

[Boggled]

Love this template! It's one of the best I've used so far.

Question....

I have added the bettercategoriesEZinfo mod and it works great with one exception... the padding on the left of the sideboxes.

I found the CSS code and was able to correct it for the category sideboxes, but can't seem to adjust it for the Information, More Information or EZ pages sideboxes. I need the padding to be 5px instead of 10px.

If you can tell me what I need to add or where I can adjust, I'd really appreciate the help.

Thanks!

[jettrue]

My question now is where the image file is for the column images, I want to round off the ends of them, too, if possible.

The column images... do you mean the grey background? The problem with rounding that off is that it is designed with a 150px by 1px wide image that repeats. There would be no way to round it and have it repeat, and if you uploaded a large image that was rounded, it wouldn't expand as the site got taller, know what I mean? Or maybe you're talking about something else entirely.

Jade, how would I go about making a flyout catagory sidebox match your template? I am just getting a grasp on coding and need some explicit directions of where to go and what to change. I don't want to use the catagory sidebox that is already on there, I think that I want to use the CSS menu but I would have to completely change it to match your template. I'm still learning about what to look for in changing the CSS of a page.

Matt

Why not use the css sidebox category that is in the download section, and go from there? You could adjust its css. Coding it from scratch would be very detailed, and I couldn't give you explicit directions on doing so....

[jettrue]

I'm still having difficulties getting the price to sit below the images on the listing page just like it does on the new products page but may just have to live with it.

However I have noticed an odd situation with the page resizing itself to a larger font size whenever I click a link on my categories list. I have my browser set to normal size but then when I click a link the new page comes up with a larger font size. Any ideas as to why?

Beth-Katherine

No, you don't have to live with it, its not a hard fix. Did you paste this code in your css:

.listingPrice {display:block;}

Or turning on the product name on that page will fix the problem instantly. I would think you might want the name below the image? If not, the above code should fix the issue, if not, just let me know, and we'll figure it out. I can't look at your site to help you now, as it is down for maintenance. If you turn it back on I can see the font issue.

[jettrue]

jettrue, did you have trouble adding Image Handler 2 to this template? Everything installed good and there is a little + in the images but when I mouse over them I get no pop out? Thanks!

Nope, I had no problems at all. Were you sure to upload all the files for image handler? Did you make sure the hover is turned on in "Configuration", "Images"?

[jettrue]

Love this template! It's one of the best I've used so far.

Question....

I have added the bettercategoriesEZinfo mod and it works great with one exception... the padding on the left of the sideboxes.

I found the CSS code and was able to correct it for the category sideboxes, but can't seem to adjust it for the Information, More Information or EZ pages sideboxes. I need the padding to be 5px instead of 10px.

If you can tell me what I need to add or where I can adjust, I'd really appreciate the help.

Thanks!

check .sideBoxContent, and ul, ol


Hope that helps!

[oxicottin]

Nope, I had no problems at all. Were you sure to upload all the files for image handler? Did you make sure the hover is turned on in "Configuration", "Images"?

What setting in configuration/images do I need to set? I never did that in my other website.... It never even stated in the read me file

Thanks!

[lankeeyankee]

The column images... do you mean the grey background? The problem with rounding that off is that it is designed with a 150px by 1px wide image that repeats. There would be no way to round it and have it repeat, and if you uploaded a large image that was rounded, it wouldn't expand as the site got taller, know what I mean? Or maybe you're talking about something else entirely.



Why not use the css sidebox category that is in the download section, and go from there? You could adjust its css. Coding it from scratch would be very detailed, and I couldn't give you explicit directions on doing so....

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk? Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt

[Boggled]

check .sideBoxContent, and ul, ol


Hope that helps!

That worked perfect!

One more question

I widened the left sidebox to 165px (image too).

I need to increase the padding between the left sideboxes and the centerbox contents. The centerboxes are now off center (to the left) and the text is too close to the edge of the left side column.

I've tried changing two or three things in the CSS file that 'looked right' but it didn't work. I know this is another one of those simple changes I'm just over looking.

I added a screenshot to show what I'm talking about on the centerbox part.

[lankeeyankee]

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk? Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt

Don't worry about the advice to change it to match. I see that the CSS buttons CSS page is only 34 lines of code so I'm just messing around with everything until I figure it out.

Matt

[jettrue]

That's what I was meaning, I want to use the CSS menu that is in the downloads but I am still working through understanding what all of the different CSS codes are, some are obvious and some aren't. I wasn't meaning to try to code a flyout menu from scratch, I just wanted some advice about what needs changing to match your template.

Ah, I was confused, as you said "I don't want to use the category sidebox that is already on there" and I thought you meant you didn't want to use the sidebox contribution. As far as getting it to match, I don't have specific instructions, but I'm assuming mostly you'll just need to adjust colors.

I see about the gray heading box for the monthly boxes. I am assuming that it makes for small page file sizes and faster loading times. I had thought about making rounded end caps for the gray boxes and letting the middles float inside them. Is that a workable solution? Or am I just being as thick as a tree trunk? Where is the image located and what's it's name? I might just change the color.

Thanks!

Matt

Ok, again, I think we're talking about two different things, because I'm talking about the grey color behind the sideboxes, and you are talking about a heading image for designer monthly boxes. That is not an image. The background color is set here:

#cartSubTotal, h2.centerBoxHeading, .rowOdd {
background:#e8e9e9; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */
}

and the border is set here:

h2.centerBoxHeading {
margin:5px auto;
padding:.5em 0;
text-align:center;
border:1px solid #bababa;
line-height:normal;
width:100%;
}

As far as setting an image there, that will be a problem, since the center section is designed to expand and contract.