Return to previous page

"Your Account" customizations - by sitehook

This topic has 7 replies, 2 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp

sitehook

Participant

September 29, 2014 at 20:41

Hi, I’m trying to make a few changes – one change to viewing products in the cart, and one change to the “Your Account” section. I can’t figure out which styles to edit.

1. When an item is added to the cart, you can click an “X” to remove the item. My client would like the “X” used to remove a product from cart to be in red. The “X” is in a td with class=”product-remove” and within a link with class=”remove”

I placed different combinations of the following in custom CSS to no avail:

td.product-remove {color:#990000;}
a.remove {color:#990000;}

.woocommerce table.cart
table.cart a.remove:before, .woocommerce-page
#content table.cart a.remove:before
{color:#990000;}

2. My client would like for the link: “edit your password and account details.” to be in red. Currently there’s no indication that there’s a link there. Full text below (can be found under “My Account” when logged in):

From your account dashboard you can view your recent orders, manage your shipping and billing addresses and edit your password and account details.

Hopefully this makes sense.

Thanks in advance for your assistance.

Please, contact administrator
for this information.

#17537 Copied

6 Answers
Eva Kemp

Support staff

September 30, 2014 at 12:38
Hello,

To change color for the “x” icon you should edit the picture with some image editor.
This image is located in wp-content/themes/legenda/images/ directory and the file is black_cross.png.
I’ve added the following code into style.css of the child theme:
```
p.myaccount_user a {
color: red;
}
```
Please check “My account” page now.

Regards,
Eva Kemp.
#17612 Copied
sitehook

Participant

September 30, 2014 at 17:30

You rock my socks. Thanks Eva!

#17679 Copied

sitehook

Participant

September 30, 2014 at 18:16

Okay, I changed that image to red. When you mouse over “cart” the “X” is now red. But if you CLICK on cart, the “X” is still black. When I checked the code, it doesn’t appear that the “X” there is an image.

I could be wrong…

This is the code for it (minus the URL, which I didn’t type out):

<td class=”product-remove”>

::before
“x”

</td>

#17684 Copied

sitehook

Participant

September 30, 2014 at 18:17

Hmm.. The code didn’t show up. I’ll try putting in Private Content.

Please, contact administrator
for this information.

#17686 Copied

sitehook

Participant

September 30, 2014 at 18:18

Still didn’t show up fully. 🙁 When I paste it looks right. When I submit, some disappears. So, anyway. I tried…

#17688 Copied
Eva Kemp

Support staff

September 30, 2014 at 23:32
Hello,

Please use this code:
```
.woocommerce table.cart a.remove:before, .woocommerce #content table.cart a.remove:before, .woocommerce-page table.cart a.remove:before, .woocommerce-page #content table.cart a.remove:before {
  color: #F00 !important;
}
```
Regards,
Eva Kemp.
#17725 Copied
Viewing 7 results - 1 through 7 (of 7 total)