Forums / Templates, Stylesheets, Page Layout / Font Size of Product Name and add text

Font Size of Product Name and add text

Views: 822

Results 1 to 5 of 5
30 Sep 2011, 7:29 PM
#1
sharc316 avatar

sharc316

Zen Follower

Join Date:
Mar 2011
Posts:
160
Plugin Contributions:
0

Font Size of Product Name and add text

Hi,

can anyone help change the size of product name in shopping cart page and under "customers who bought also purchased..."

Also would like to know how to change the size of the add text right before entering the number of a product to buy and also how to increase the field size.

Messed around in css and found ways to change some of this but other stuff changes as well. Can anyone help change these individually?

Site: https://www.bequjuice.com/store

Thanks.

30 Sep 2011, 8:45 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: Font Size of Product Name and add text

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.

(If you're using Firefox 4-7, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

1 Oct 2011, 2:43 PM
#3
sharc316 avatar

sharc316

Zen Follower

Join Date:
Mar 2011
Posts:
160
Plugin Contributions:
0

Re: Font Size of Product Name and add text

Yeah I have firebug and I did download the Web Developer you recommended. It's just when I select the "add" text and the product names in shopping cart i cant figure out where those things are. If I change where it tells me to change it effects other elements on the site. Maybe I have to separate those elements to be able to edit them individually? I'm just not sure how to do that.

1 Oct 2011, 4:26 PM
#4
stevesh avatar

stevesh

Black Belt

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

Re: Font Size of Product Name and add text

For the first you could add:

.centerBoxContentsAlsoPurch {font-size: 1.4em;}

You may be out of luck for the second, as that text doesn't have its own class name, so anything you do will affect the price text.

1 Oct 2011, 4:56 PM
#5
sharc316 avatar

sharc316

Zen Follower

Join Date:
Mar 2011
Posts:
160
Plugin Contributions:
0

Re: Font Size of Product Name and add text

yeah i figured out the also purchased about 20 minutes ago. And couldn't find anything that changes the add to cart text and product name in shopping cart. If you think of anything please let me know. Thanks for your help again.