marty.net 1001 Postcards Love Love Love Meep Meep ZenZodiac DailyQuotation

YOU ARE HERE:
NEwbie styling questions...

HOME

CPSHOP|

|

|

EMAIL MARTY
  marty.net message board
  « NEwbie styling questions... »
Welcome, Guest. Please Login or Register.
12/11/17 at 15:11:12
Home Help Search Login Register
   marty.net message board
   About cpshop
   Customization Help
   NEwbie styling questions...
(Moderator: Marty)
Pages: 1 Reply Notify of replies Send the topic Print 
   Author  Topic: NEwbie styling questions...  (Read 702 times)
tshirtsbye2
White Dragon
**

Posts: 14



...cool tshirts for everyone
   

WWW
NEwbie styling questions...
« on: 02/15/11 at 07:12:58 »
Reply with quote Modify message

okay newbie questions...I actually have seen other posts back a year or so ago with similar question but no one responded to them...

1. On the top area of the pages where it pulls in the cart / home links, the breadcrumb trail, and the section description, the text is set to center...in my cafepress shop it set to left justify...I would like to make it go left...I have tried several things none have worked...where would I put a left alignment tag? is there a specific style to change?

2. On the thumbnail page, under the image title link, there is a description, how can i change the font size...for some reason its about a point or so bigger than the title (its the same size as the title on cafepress shop) I tried adjust in a few places, but no luck...is it in the cp template or is it getting pulled incorrectly from a style that the "main" content is puling from cafepress' styles?

3. is there an option that I am missing to set different table column settings by page type? I would like my homepage and my product pages to be 2 columns and my thumbnail page to be 3, but it seems it either all gotta be 2 or all gotta be 3.

here is the link to both the cpshop and the cafepress version:
http://www.tshirtsbye2.com
http://www.cafepress.com/tshirtsbye2

thanks in advance for any help...I can kinda figure out some of the coding and have fixed and added a few things but these 3 have stumped me  
Logged

------------------------------------
Store: http://www.tshirtsbye2.com
Blog: http://www.tshirtsbye2.wordpress.com
brattytees
Gold Dragon
****

Posts: 439



ack!
   

Re: NEwbie styling questions...
« Reply #1 on: 02/15/11 at 15:48:21 »
Reply with quote Modify message

1. If I remember there's a <center> tag there. Look at your pages source right around there to see what's what. I hacked the script to change a lot of formatting. There's also a place in admin to add some CSS.

2. Look at your pages source to see what CSS ids and classes are available for you to manipulate and change their settings to suit.

3. There's a setting in admin for how many columns for each under Store Homepage Options and Thumbnail Page Options. Your Product Page doesn't have columns (at least not like that).
Logged
tshirtsbye2
White Dragon
**

Posts: 14



...cool tshirts for everyone
   

WWW
Re: NEwbie styling questions...
« Reply #2 on: 02/15/11 at 20:14:09 »
Reply with quote Modify message



on 02/15/11 at 15:48:21, brattytees wrote:
1. If I remember there's a <center> tag there. Look at your pages source right around there to see what's what. I hacked the script to change a lot of formatting. There's also a place in admin to add some CSS.


here is the only bit of code I see calling the main section...I dont see anything listing out the description, the breadcrumb or the CP Home/Cart buttons...the 2 div align left tags I added...there wasnt any alignment listed in either spot...but it had no effect....where else should I be looking??


Code:
<!-- /custom shop header --><!-- /custom shop header --><!-- /custom shop header -->
<!-- /custom shop header --><!-- /custom shop header --><!-- /custom shop header -->

<table border="0" cellspacing="0" cellpadding="0" width="100%">
     <tr>

           <td id="bodyContentTD">
           <div id="bodyContent" class="bodyText" align="left">

           <!-- CafePress content --><!-- CafePress content --><!-- CafePress content -->
           <!-- CafePress content --><!-- CafePress content --><!-- CafePress content -->


<!-- Start Main Content --><div id="main" align="left"><[content]></div><!-- End Content, Start Footer Include -->
                 <!-- /CafePress content --><!-- /CafePress content --><!-- /CafePress content -->
           <!-- /CafePress content --><!-- /CafePress content --><!-- /CafePress content -->

           </div><!-- / bodyContent -->
           </td>
     </tr>
</table>



<!-- custom shop footer --><!-- custom shop footer --><!-- custom shop footer -->
<!-- custom shop footer --><!-- custom shop footer --><!-- custom shop footer -->


NOW if I view source of page in browser I get:


Code:
!-- Start Main Content --><div id="main" align="left"><!-- tshirtsbye2/7156430 -->
<!-- tshirtsbye2/7156430 - .txt -->
<script language="javascript">document.cookie="cpshoppid=; path=/; expires=Thu Mar 17 19:59:12 2011 GMT;";</script>
<script language="javascript">document.cookie="cpshoptid=; path=/; expires=Thu Mar 17 19:59:12 2011 GMT;";</script>
<script language="javascript">document.cookie="cpshopcjpid=; path=/;";</script>

<center>
<table cellpadding=0 cellspacing=0 border=0 width=100%><tr><td align=center>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td>
<a href="http://www.tshirtsbye2.com/">Store Home</a>
| <a href="http://www.cafepress.com/cp/viewcart.aspx?pid=&cjpid=&xid=&tid=&s=tshirtsbye2&keepshopping=javascript:window.close()" target=cartWin onClick="if (!((navigator.appName=='Microsoft Internet Explorer') && (window.cartWin))) { cartWin = window.open ('','cartWin','menubar=no,toolbar=no,directories=no,location=no,status=no,scrollbars=yes,resizable=yes,copyhistory=no,width=790,height=400'); } cartWin.focus(); return true;">View Cart</a>
</td>
</tr>
</table>
<spacer type=block height=15 width=1 border=0><br>

<p class=cpshopbreadcrumb><nobr><a class="cpshopbreadcrumblink" href="http://www.tshirtsbye2.com/">Funny T-shirts Offensive Tees Witty T shirts by E2</a></nobr> &gt; <nobr><span class="cpshopbreadcrumbtext">BACKSIDE tees</span></nobr></p>
<p class="sectiondesc">because we think the back of your tshirt is as important as the front.

Note designs are only on the back side of shirt...t-shirt front is blank </p><p class='thumbnailgreeting'></p>
<p>
<style type="text/css">


where do i change that center tag? its getting pulled in so not in template file...also not seeing a CSS for cpshopbreadcrumb in the template file...where else should I be looking?



Quote:
2. Look at your pages source to see what CSS ids and classes are available for you to manipulate and change their settings to suit.


I say view source in the browser after pulling up a page, and it says the class is "teaser" for the description but again not seeing "teaser" in the list of classes in the template...

thanks in advance...just not sure where certain things are being called from to know where to look....especially for the styles that arent showing in the template.
Logged

------------------------------------
Store: http://www.tshirtsbye2.com
Blog: http://www.tshirtsbye2.wordpress.com
evets
Silver Dragon
***

Posts: 29



Go Scots!
   

Re: NEwbie styling questions...
« Reply #3 on: 02/15/11 at 21:09:08 »
Reply with quote Modify message



on 02/15/11 at 20:14:09, tshirtsbye2 wrote:
where do i change that center tag? its getting pulled in so not in template file...also not seeing a CSS for cpshopbreadcrumb in the template file...where else should I be looking?


You can make your own style sheet, link it to your template and get most things to look as you'd like.
To get the breadcrumbs to align to the left for instance:

.cpshopbreadcrumb {
       text-align: left;
}
Logged
brattytees
Gold Dragon
****

Posts: 439



ack!
   

Re: NEwbie styling questions...
« Reply #4 on: 02/15/11 at 21:53:27 »
Reply with quote Modify message

As evets said, you can make your own style sheet and link to it from your template (this may or may not override the cphop styles depending on which styles get called first (or last really, since they are cascading), or you can use the section in cpadmin that allows you to override the cpshop styles and add your CSS there (probably a better choice). There is also the option to disable the cpshop internal stylesheet entirely in cpadmin, you could turn it off altogether and create your own which is what I do. Also I guess you figured out when I said to view the source of your page I meant the rendered page in a browser, not the source of your template file.
Logged
Pages: 1 Reply Notify of replies Send the topic Print 
Jump to:


marty.net message board (http://www.marty.net/cgi/marty/board/messageboard)

Powered by YaBB 1 Gold - Release (Yet Another Bulletin Board)
Copyright 2000-2001, X-Null. All Rights Reserved.