Awesome Orange and shipping options layout.

Questions and answers about ShopSite Custom Templates

Awesome Orange and shipping options layout.

Postby arta!!ack » Wed Apr 07, 2010 8:56 am

Hi.

I am using Awesome Orange for my shopping cart, but cannot find a way to get the shipping options to line up.

The options including radio buttons are all centered, again I have spent quite a few hours trying to find the solution before posting, but cannot find the css code that controls this part of the layout.

If someone could point me in the right direction that would be great.

If you need to see it just add to cart http://www.actioncity.co.uk/index.html

Arthur.
arta!!ack
 
Posts: 47
Joined: Wed Jun 13, 2007 2:23 am
Location: Lancashire UK

Postby loren_d_c » Wed Apr 07, 2010 9:57 am

If you view the source of the page you will see that the table and table cells have a class assigned of 'taxnship'. At the top of the page in the CSS sections this class is defined like this:

Code: Select all
    /* Tax calculations */
  table.taxnship {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: transparent;
  }

  td.taxnship {
    text-align: center;
    background-color: transparent;
  }


Most of the CSS in the default templates comes from template Include files, and in this particular case I believe it is in the awesome_orange_001_sc_styles.css Include file.

-Loren
loren_d_c
 
Posts: 2571
Joined: Fri Aug 04, 2006 12:02 pm
Location: Anywhere

Postby arta!!ack » Thu Apr 08, 2010 12:53 am

Thanks Loren. that's great, now sorted, I would never have found it.

I did have to change from the original css

Code: Select all
 td.taxnship {
    text-align: [-- VAR.button_text_align --];
    background-color: transparent;
  }


to

Code: Select all
td.taxnship {
    text-align: left;
    background-color: transparent;
  }


I could not find where the value for [-- VAR.button_text_align --] was being stored, but I suspect if I changed that it would move other things around.
arta!!ack
 
Posts: 47
Joined: Wed Jun 13, 2007 2:23 am
Location: Lancashire UK

Postby Jim » Thu Apr 08, 2010 6:53 am

The VAR.button_text_align is defined in the following include files
awesome_blue_001_xx_vars.sst
awesome_orange_001_xx_vars.sst

Where the xx can be sc, se, cr, pa, pr, gc standing for the type of template the file is included in i.e. shopping cart, search, customer registration, page, product and gift certificate. In all cases the default value is center.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby arta!!ack » Thu Apr 08, 2010 7:58 am

Thanks Loren and Jim.

Arthur.
arta!!ack
 
Posts: 47
Joined: Wed Jun 13, 2007 2:23 am
Location: Lancashire UK


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 10 guests

cron