Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Slight layout adjustment

Slight layout adjustment

Locked

Views: 772

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
4 Sep 2010, 11:43 PM
#1
dermit avatar

dermit

New Zenner

Join Date:
Aug 2010
Posts:
55
Plugin Contributions:
0

Slight layout adjustment

Please take a look at my current site:

BullardPublishing.com

You see down near the bottom, where it says Details. Notice the slight white gaps on the right? Is there anyway I can extend those so its continuous, or at least fix the farthest right one so its not shorter then the rest ?

Thanks.

5 Sep 2010, 6:07 PM
#2
kobra avatar

kobra

Black Belt

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

Re: Slight layout adjustment

Template Monster issue
Search for them on this forum to see all the issues they create
You will most likely have to contact them for a solution

6 Sep 2010, 1:15 PM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Slight layout adjustment

Try changing the 23px to 21px in template_tm.css:

.products_b u t t{background: url(../images/line_y.gif) repeat-y right top #5A3D20; text-align:left; padding-right:23px; padding-left:25px;}

Remove the spaces from the last part of the class name - silly forum rules.

If you plan to continue using this or other Template Monster templates, here's the best advice I can offer:

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.