Title: Adding Bold Text to Attribute Labels (Variations)
Last modified: August 31, 2016

---

# Adding Bold Text to Attribute Labels (Variations)

 *  [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/)
 * Hi,
 * Hoping someone can help and my thanks in advance. I am working with Woocommerce
   and the Mystile theme and have installed a custom background. I have products
   with variations but the attribute labels such as Finish, Size etc do not show
   up well as the size and colour “clash” with the background (which I like!). Can
   someone tell me the code (I am assuming the solution can be pasted into the Custom
   CSS) to make the labels BOLD and also increase the size of the Labels.
 * My web site is:
 *  [http://sublime-images.com/](http://sublime-images.com/)
 * I did find the following code but it has not made any change to my situation:
 * .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-size: 20px; }
 * Many Thanks. David.

Viewing 12 replies - 1 through 12 (of 12 total)

 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905745)
 * Hi, try adding !important to your css value.
 *     ```
       td.label {
       font-size: 20px !important;
       }
       ```
   
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905762)
 * 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).
 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905770)
 * Sorry try this
 *     ```
       .variations td.label {
       font-weight: bold !important;
       }
       ```
   
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905780)
 * 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(‘[http://sublime-images.com/wp-content/uploads/2016/01/DamaskblueMask.jpg&#8217](http://sublime-images.com/wp-content/uploads/2016/01/DamaskblueMask.jpg&#8217););
   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!
 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905790)
 * 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?
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905791)
 * 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.
 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905816)
 * Yes im checking the website and i cannot see the css for the labels.
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905819)
 * 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!
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905877)
 * 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.
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905954)
 * 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
 *  [christomwebdesign](https://wordpress.org/support/users/christomwebdesign/)
 * (@christomwebdesign)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905956)
 * Hi David! good thing you saw that missing bracket, i can see now that your attribute
   labels ( Finish, Size, Backing ) are now in bold.
 *  Thread Starter [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * (@davidmhall)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905958)
 * 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.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Adding Bold Text to Attribute Labels (Variations)’ is closed to new replies.

## Tags

 * [bold text](https://wordpress.org/support/topic-tag/bold-text/)
 * [mystile](https://wordpress.org/support/topic-tag/mystile/)
 * [variations](https://wordpress.org/support/topic-tag/variations/)

 * 12 replies
 * 2 participants
 * Last reply from: [DavidMHall](https://wordpress.org/support/users/davidmhall/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/adding-bold-text-to-attribute-labels-variations/#post-6905958)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics