Change fonts – Orders Page

Hi there,

You should be able to target sections of a My Account > Orders > View Order page (like the one you linked to) with something like this:

.woocommerce-account.woocommerce-view-order .content-area {
  /* Your rules */
}

You will still need to narrow it down to the specific elements you want to target though (by adding other css-classes after the .content-area part) and add the rules for how you want to adjust the font (size, font-family, color, etc). You can learn about using CSS here:

https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Getting_started

I hope that helps! Have a wonderful day!

Hi @kellymetal,

Thank you for your help, it works great. I have 2 more questions ??

You can still use the same login details!

question 1: Is it possible to make the left menu (blue in the print screen) narrower and the right section (black in the print screen) wider?

Question 2: you see in the order:

Naam: huj

Kleur: Origineel hout (€0.00)

But there is a space between (red in the print screen)
Can that space be removed?

Printscreen

Hi there,

Glad to hear it worked!

For those other parts you could use something like this:

@media screen and (min-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
   width: 76%; 
  }
}

.wc-item-meta-label {
  min-width: 0;
}

I hope that helps!

Hi @kellymetal,

Thank you very much for the quick response. All 3 adjustments work perfectly again!

You’re the best ??

Glad to hear they worked! ??

I’m going to mark this thread as resolved. If you have any further questions, please start a new thread.

Have a wonderful day!