Adding Bold Text to Attribute Labels (Variations)

Hi, try adding !important to your css value.

td.label {
font-size: 20px !important;
}

Hi Christom,

Many Thanks for your help. I added the !important as you suggested but without success. Could you review the original code I copied form elsewhere to see if the syntsx is okay. I am entirely new to WordPress though an ex COBOL programmer (LOL).

Sorry try this

.variations td.label {
font-weight: bold !important;
}

Hi Christom,

Again my thanks for your help. The following is everything i have in the Custom CSS area: The first part of this is code that “installs” the custom background I am using. The second part is the code I copied from another posts plus your modification. The question ios can you see anything that is “upsetting” the td label logic (which starts with .woocommerce)?

#wrapper {
background: transparent !important;
}

body {
background-image: url(‘https://sublime-images.com/wp-content/uploads/2016/01/DamaskblueMask.jpg’);
background-position: top center;
background-repeat: repeat;
background-attachment: scroll;
}

#footer {
background: transparent !important;
}

.footer-wrap {
background: transparent !important;
border-radius: 30px! important;
}

#top {
background: transparent !important;
border-radius: 30px;

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label {
font-weight: bold !important;
}

I see your weaher situation is pretty good. We were at -10 centigrade today!

Freezing! I dont see any problem with the css code, but i cant see this code

woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label {
font-weight: bold !important;
}

on my end. do you have any caching plugins installed?

I do not think so. My 4 active plugins are:
Jet Pack, Mojo Marketplace, Regenerate Thumbnails and WooCommerce.

What do you mean when you say you cannot see this code on your end? Are you examining the web site itself?

I really appreciater you taking the time. I’m popping upstairs (from my home office) but will check back soon. Time for a sundowner. LOL.

Yes im checking the website and i cannot see the css for the labels.

Hi Chris,

I appreciate that you are still with me on this matter. I have read your reply but as I said previously i am not a wordpress or HTML programmer. I do not understand what labels you are talking about. I would not blame you if you backed out of this matter; I think I need to modify the background image so that the woocommerce text can be read.

Who won the last test match? I do not remember as I am more of a football fan!

Hi Chris,

I have replaced my background with something that contrasts better with the existing WooCommerce text. However I still think there should be a solution to enancing ALL of the text and labels throughout WooCommerce as I cannot be the first to use a patterned background. So while I have put this matter on the back burner, I hope to return to the problem later. In the meantime I do appreciate your help; I really do!

Best Wishes.

Hi Christom,

Hope you do not mind giving this another try. The code that was not working yesterday has made an impact. I was able to understand that I was missing a right handed bracket from another group of code (that preceded this new code). Once I corrected that situation I was able to see an impact on the variation labels when the font-size command was used however when I replaced this with font-weight:bold!important I saw no effect on the labels

Hi David! good thing you saw that missing bracket, i can see now that your attribute labels ( Finish, Size, Backing ) are now in bold.

Hi Christom,

This is just an update as I am leaving this matter for now or for good. Yes you can see the labels now but that is (I think) because I changed the to a lighter (ivory) background. I know the code you reviewed is working because when I changed the font size I could see the change immediately. However when I substituted with font-weight:bold I saw no difference. I even tried bolder instead of bold. No difference. Perhaps these labels are already as bold as they can get.

Thanks for taking an interest.