Forums / Templates, Stylesheets, Page Layout / A Moder Zen Template. How to edit the main page scroll box?

A Moder Zen Template. How to edit the main page scroll box?

Views: 911

Results 1 to 6 of 6
21 Mar 2013, 5:27 PM
#1
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

A Moder Zen Template. How to edit the main page scroll box?

On the main page of the "A Modern Zen" template, there is a box that scrolls through the products near the top.of the page (I don't know what that box is called)

On the left side is the picture of the product. To the right of that is a title of the product, below that a price, then below that "read more".

I need to move the tile, price, "read more" a little to the left for 2 reasons: 1) too much space between the picture and the text. 2) I would like to type a longer title without it wrapping around.

Second: When filling in the description of the product the text starts to go outside the box on the right side. It needs to wrap sooner or be moved to the left to keep the text from going outside the box.

Third: I would like to be able to add more than one line of description, say a short paragraph, then have the "read more" for detailed info.

In short, where do I go to edit this box for these parameters, and exactly what should I edit?

Thank you for your help
Bill

21 Mar 2013, 5:38 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: A Moder Zen Template. How to edit the main page scroll box?

A link to your site would assist in getting responses

Place spaces in it to prevent it being indexed by Google as in

http :// www .zen-cart.com/

Zen-Venom Get Bitten

21 Mar 2013, 6:40 PM
#3
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: A Moder Zen Template. How to edit the main page scroll box?

www. billrauscher.com/ outboards

refresh until you see the red 1956 Johnson 7 1/2 hp. That is the best example

21 Mar 2013, 9:00 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: A Moder Zen Template. How to edit the main page scroll box?

In stylesheet_slider.css, find this rule and reduce the padding-left:

#featured1 .ui-tabs-panel .info {
background: url("../images/transparent-bg.png") repeat-y scroll 0 0 transparent;
bottom: 11px;
font-family: sans-serif;
height: 296px;
left: 246px;
overflow: hidden;
padding-left: 120px;
position: absolute;
width: 235px;
}

Your current text example is not wrapping because there are no spaces in it to break on. Use normal words with spacing and see what happens.

22 Mar 2013, 1:05 AM
#5
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: A Moder Zen Template. How to edit the main page scroll box?

Thanks G, but I can't find the stylesheet_slider.css file. I went into developers tool kit and did a search with no results.
can you narrow down where this file is?

Thank you

22 Mar 2013, 1:17 AM
#6
huntleybill avatar

huntleybill

Zen Follower

Join Date:
Sep 2011
Posts:
102
Plugin Contributions:
0

Re: A Moder Zen Template. How to edit the main page scroll box?

Never mind....I found it. Your suggestion worked perfectly. THANK YOU!!!!!