make pricing for attributes font larger

Hello:

I need a little help again. I would like to make the pricing for attributes a bit larger as far as the font is concerned. I think this would be in /includes/templates/MY-TEMPLATE/css/stylesheet.css but I'm not sure, and as usual I don't want to go changing things without knowing what I am doing. Do I, at least, have the right area? If so, where exactly is what I am looking for?

Here is an example down at the bottom of the page: http://www.petluxuryboutique.com/index.php?main_page=product_info&cPath=1318&products_id=33995

Thanks again, in advance.

Silver

Hi Silver,

Add the following code at the end of the file /includes/templates/aberdeen_neutral/css/stylesheet.css

.wrapperAttribsOptions select {
font-size: 20px;
}

.wrapperAttribsOptions label.attribsSelect {
padding-top: 6px;
}

Clear your cache and your attributes will look like this:

Responsivezc:

Thanks you but what if I don't want it quite that large? Also which px number is controlling it? One more thing that just dawned on me. The Your Size, attribute is going to look very small. Is there a way to alter that also?

Thanks again,

Silver

Hi,

The following code is for the dropdown (select tag)

.wrapperAttribsOptions select {
font-size: 15px;
}

The following code is for the "Your site" text

.wrapperAttribsOptions label.attribsSelect {
font-size: 15px;
}

Responsivezc:

Thank you again. I will be at this again tomorrow. I will let you know what happens. I am totally exhausted.

Again, thanks,

Silver

Responsivezc:

Just wanted to say thanks again, the site looks absolutely great. Now If I could just get the small light gray descriptions that are always on the right side of the main product a bit larger font too, that would be super. This one is just under Free Shipping but they are all very small:

http://www.petluxuryboutique.com/index.php?main_page=product_info&cPath=1318&products_id=33991

Thank you so much,

Silver

Add something like this to #productDetailsList:

font-size: 1.2em;

Personally, I would also change the color to #000.

I suggest you get the Firebug plugin for Firefox. It makes finding stuff like this very easy.

Yes, what you need to add is the following:

#productDetailsList {
font-size: 1.2em;
color: #000000;
}

Simply remove the color line if you do not want to change the color.

Thanks to both of you, I accomplished what I wanted to do. It looks great!

http://www.petluxuryboutique.com/index.php?main_page=product_info&cPath=1318&products_id=33991

I appreciate your help, as always. Stevesh, I am not that familiar with Firefox or Firebug. Where do I get more info?

Regards,

Silver