ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart Build To Order > Customizing BTO
  New Posts New Posts RSS Feed - Category text font size on BTO configure page
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Category text font size on BTO configure page

 Post Reply Post Reply
Author
Message
stevefilmer View Drop Down
Newbie
Newbie
Avatar

Joined: 26-October-2011
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote stevefilmer Quote  Post ReplyReply Direct Link To This Post Topic: Category text font size on BTO configure page
    Posted: 09-February-2012 at 6:15pm
Hi guys, racked my brains on this one.

Where do you edit the font size for the category text on a BTO configure page. I have edited the pcStorefront.css file and can get the other text resized, but not the category text which starts each section... For example, the text "Touch Screen Monitors" in this snap shown here:


Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 09-February-2012 at 6:27pm
Hi,  Please share a link, or, even better, fire up Chrome, view the page then  Ctrl+Shift+I to start the developer tools, select the magnifier (bottom left) and take a look at the properties. :-D 

Edited by Hamish - 09-February-2012 at 6:27pm
Back to Top
stevefilmer View Drop Down
Newbie
Newbie
Avatar

Joined: 26-October-2011
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote stevefilmer Quote  Post ReplyReply Direct Link To This Post Posted: 09-February-2012 at 6:42pm
Hamish, good tip. Seems to be from the "p" style from my main template (custom designed). Will change that and see what happens. Will report back on this. Thanks.
Back to Top
stevefilmer View Drop Down
Newbie
Newbie
Avatar

Joined: 26-October-2011
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote stevefilmer Quote  Post ReplyReply Direct Link To This Post Posted: 09-February-2012 at 6:47pm
Yes, that worked. 
So in my "header.asp" file I was able to edit the "p" style to:

p { color:#000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px }

Back to Top
Hamish View Drop Down
Admin Group
Admin Group


Joined: 12-October-2006
Location: United Kingdom
Status: Offline
Points: 56
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hamish Quote  Post ReplyReply Direct Link To This Post Posted: 09-February-2012 at 7:18pm
Hi,   That seems a bit to general - it will change the paragraph font size everywhere that it's not explicitly set.  Try in cpStorefront.css instead (assuming you are using it) :-


    /* Control margin and spacing on p tags used in forms */
    #pcMain .pcForms td p {
        padding: 0;
        margin: 0;
        color: blue;
        font-size: 14px;
    }


(I added the color & the size tags).
Back to Top
stevefilmer View Drop Down
Newbie
Newbie
Avatar

Joined: 26-October-2011
Location: United States
Status: Offline
Points: 0
Post Options Post Options   Thanks (0) Thanks(0)   Quote stevefilmer Quote  Post ReplyReply Direct Link To This Post Posted: 10-February-2012 at 12:47am
Much better. 
Good to have more specific control over the styling.
In the pcStorefront.css after "#pcMain .pcForms td p {I added "font-size: 16px;" to make the BTO section headers nice and big.

Works great but it also changes the text at the bottom...
"Default Price:
 Customizations:
 Price as Customized:" 
...but that is fine for me.

Thanks again Hamish!
-Steve
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.076 seconds.