Docs

[Mary Beth M]

Hello there X team. I actually have two questions:

1. How do I change the default text on product dropdown options from the default variation “choose option” to “choose a color” and “choose a size” (added a screenshot for clarification)

2. Can I add a headline accent to a product title via CSS? (screenshot for clarification)

I’ll credentials in a private message in case you need to look at the site as it’s in maint mode. Thank you for any help!

[Rupok]

Hi there,

Thanks for writing in! You can’t usually change this unless you edit WooCommerce templates.

Cheers!

[Mary Beth M]

Right yes. I’ve already edited the template, have my own php in there, I already have the class and am able to edit it, but adding the accent is the one thing that doesn’t seem to be working:

class:

.awd-combotitlewrap {
line-height: 2.0;
font-size: 35px;
}

I thought this would work as it’s how I added accents for some other custom items:

.awd-combotitlewrap span:before,
.awd-combotitlewrap span:after {
border-top: !important 1px solid #000000;
border-bottom: !important 0px solid #000000;
}

Will something like this not do work?

Thank you!

[Rue Nel]

Hello There,

Thanks for updating in! There is something incorrect in your css code. Do you want something like this? http://prntscr.com/e4a86m

Please make use of this code instead:

.awd-combotitlewrap {
    position:relative;
    overflow: hidden;
}

.awd-combotitlewrap p {
    display: inline-block;
    width: auto;
    position: relative;
}

.awd-combotitlewrap p:before,
.awd-combotitlewrap p:after {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  right: 105%;
  top: 35%;

  width: 1000px;
  height: 2px;
  background-color: #000;
}

.awd-combotitlewrap p:after {
  left: 105%;
  right: auto;
}

We would loved to know if this has work for you. Thank you.

[Author]

Posts