How to increase font size of

[Chad]

Are you able to increase the font size of the product options you choose to display?

[Flash]

Yes! Just add to your theme’s style.css. You might have to add an “!important” (without the quotes).

Send a link.

[Chad]

Order Painted Pups Portraits

[Chad]

Thank you for your help on this. As you can see on the order page. I wasn’t sure if I change this somewhere in the theme or within the plugin to adjust the product selection options font size.

[Flash]

If you add this to your theme I think it should work. Can’t test for sure 🙂

#ppom-box-3 > div > div > div > div > span{font-size: 18px;}

Change 18px to any size you like.

I see you are using the Art Gallery Pro theme, but I don’t see any evidence you are using a “child theme”. If you make these changes to the theme’s stylesheet and the theme is subsequently updated, you will lose your changes. So my unasked for advice is to create a child theme and add the new css there.

Your theme may have an admin function where you can add custom styles. Check for that first 🙂

Here is your theme’s style.css file:
http://www.chadsartworld.com/wp-content/themes/artgallerypro/style.css

Let me know how you get on.

[Chad]

I do have a custom css option in my theme where I can input……i entered that css code in my custom css area and it states ” error, there are 20 errors that must be foxed before you can save” and then theres a box to check that says continue anyway even though it nay break your site

[Chad]

this is what i put in the custom css section

#ppom-box-3 > div > div > div > div > span{font-size: 18px;}

[Chad]

sorry it states “that must be fixed” not foxed

[Flash]

I don’t see how that would cause an error. You can email me login credentials and I can take a look at it.

[Chad]

It look like It woks now. Partially.
No errors.

However, the only font that changed was the text in the price matrix text.
The Titles of all the options has not changed?

For example, the text above the price matrix doesn’t change, the title above the number selection doesn’t change, the title above any of the options you are selecting doesn’t change?

[Flash]

Hard to understand without images or exacting description.

Most elements on the page have css selectors, or can be drilled down to using a tool like the Chrome browser inspector tool. One snippet of css is only going to target a specific element.

Open your browser to the page in question. Place your mouse cursor over the element you want to change.

Right Click and choose “Inspect Element”

Find the relevant code and deduce the css selector/s to affect it.

Flash

[Chad]

Thank you.

I found what the title is I’m speaking of.

They are the label headings or titles.

I thought I found where to adjust the size but it adjusted the label spacing and not the font size?

.woocommerce form .form-row label {
line-height: 2;
}

that was the section where i adjusted the line-height: from 2 to 4

that worked, but it just made the space below the label title larger before the drop down selection items, but the label title remained the same font size.

Any suggestions?

Thank you..;-)

[Flash]

Uh, add a line:

font-size: 18px;

…or what ever size you works for your design sensibilities.

So:

.woocommerce form .form-row label {
line-height: 2;
font-size: 18px;
}

You still don’t say what text you want enlarged. Screenshot with circles and arrows?

View post on imgur.com

[Chad]

Thank you.

Yes I’m looking to increase the Headings of all the drop down menu sections as in image above

Where you have “Heading here?” Size & Format Options, as shown above

Thank you..;-)

[Chad]

adding this line as you stated, and adjusting the font size as desired in my custom css section of theme seems to do the job. 😉 Thank you so much for your help. I will let you know if I need anything else. Thank you.

.woocommerce form .form-row label {
line-height: 2;
font-size: 18px;
}

[Author]

Posts