Font color in my Single Product page

Hi, Is there any way to darken the font for those in my screenshot? thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the following CSS code

.swatch.swatch-label.opacity, 
.atawc-swatches .swatch-color.opacity, 
.atawc-swatches .swatch-image.opacity {
    opacity: .8;
}

.quantity input[type=number] {
	color: #000;
}

Regards

Hi,

The code has no effect at all, may you advise again. Thank you.

Hi Thank you, it works actually but could you advise how to darken the + and – sign beside the quantity and also the entire box border? They are all still too light.

Thank you.

Hi, I like to know also what is the current opacity of color of “add to wishlist” icon and text, Size Guide and categories text, if possible could you give me the CSS code to edit the opacity and color?

Thank you very much.

Hello,

Product page – Here are CSS codes for :

Icon Wishlist 
.yith-wcwl-add-to-wishlist a:before {
    content: "\e08a";
    font-size: 18px;
    vertical-align: middle;
    margin-right: 2px;
    display: inline-block;
    font-family: Simple-Line-Icons;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

Wishlist text
.yith-wcwl-add-to-wishlist a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #4E4E4E;
}
Categories (title)
.single-product-content .product_meta>span {
    display: block;
    margin-bottom: 20px;
    color: #1B1919;
    font-weight: 700;
}
Categories (values) 
.single-product-content .product_meta>span a:hover {
    color: #747474;
}

Best Regards

Hi Thank you, could you advise how to darken the + and – sign beside the quantity and also the entire box border? They are all still too light.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello

Try this code:

.quantity .minus, .quantity .plus {
    border: 1px solid #000000;
    color: #000000;
}

and this one

.quantity input[type=number] {
    color: #0000000;
}

The color is black. If it is not what you need, replace #000000 with the proper one.

Best Regards

Hi,

Thank you for the codes, I encounter a problem, when i use your the above codes, I get screenshot 1 as attached.

Then I add border to quantity

.quantity input[type=number] {
color: #4E4E4E;
border: 1px solid #4E4E4E;
}

and get screenshot 2, how to fix this?

Thank you,
Alex

Attachments:

You must be logged in to view attached files.

How do you want it to make look like?

Hi, I want the whole border of the box to be uniform, now it is like part of it are not darken, thank you.

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.quantity input[type=number] {
    border-top: 1px solid #4E4E4E;
    border-bottom: 1px solid #4E4E4E;
}

Best Regards

Hi, very sorry to trouble again but everything is nice now but when I click on the + and – sign, the border disapppear, please see screenshot, how to fix this? Thank you.

Attachments:

You must be logged in to view attached files.

Try to use this code

.quantity .minus:focus, .quantity .minus:hover, .quantity .plus:focus, .quantity .plus:hover {
    background-color: #ECECEC;
    border-color: #000000;
}

[Author]

Posts