IPB

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Left Column
ThatOneGuy
post May 6 2008, 01:31 PM
Post #1





Group: Verified NS Member
Posts: 14
Joined: 11-March 08
Member No.: 782



Hello, I was wondering how to fix the left column so there is no gap between the edge of the border and the column...I tried fixing through the css file (both the one given & the one I created) and I couldn't get the right thing edited....so what needs to be edited for this to happen?
Go to the top of the page
 
+Quote Post
ThinkLocal_QA_Le...
post May 6 2008, 01:38 PM
Post #2





Group: Administrators
Posts: 633
Joined: 10-August 07
From: St. Louis, MO
Member No.: 4



The CSS that the cart auto generates for the class td.page-body-content has an attribute for padding. You will have to copy that css class and edit that to be what you need.

Your site has this as -
CODE
td.page-body-content { padding:2px 5px 0 5px; border-left: 1px solid #594730; border-right:1px solid #594730; }
Go to the top of the page
 
+Quote Post
ThatOneGuy
post May 6 2008, 01:49 PM
Post #3





Group: Verified NS Member
Posts: 14
Joined: 11-March 08
Member No.: 782



awesome, thanks for the help!
Go to the top of the page
 
+Quote Post
ThatOneGuy
post May 6 2008, 02:36 PM
Post #4





Group: Verified NS Member
Posts: 14
Joined: 11-March 08
Member No.: 782



alright new thing, how do you make the section under shopping cart smaller (the section that shows the product, quantity, etc of what's in your cart)? I looked at the source code and tried editing what I thought was the right thing, but it didn't turn out to be the right one (IMG:http://forums.networksolutions.com/style_emoticons/default/huh.gif)
Go to the top of the page
 
+Quote Post
ThinkLocal_QA_Le...
post May 7 2008, 05:01 AM
Post #5





Group: Administrators
Posts: 633
Joined: 10-August 07
From: St. Louis, MO
Member No.: 4



You will want to look into the css classes such as table.mod-body and td.mod-body and similar css classes that either have the word module or mod in their name. A lot of those have different padding attributes set so you will have to change them.

If you need a good tool to test this stuff out with use the Web Developer Toolbar for FireFox - https://addons.mozilla.org/en-US/firefox/addon/60

Once installed choose CSS >> Edit CSS - this will allow you to make css changes on the fly to see them. Then you just need to make the final edits to your live css file.

Joe
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2008 Time is now: 20th July 2008 - 10:30 AM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates