Home>Support>Changing text colour for woocommerce my account

Changing text colour for woocommerce my account

Hi Guys,
Wonder if you could help at all? extremely new to all this web design thing (literally a couple of days so take it easy! haha)

Currently i’m trying to play around with the text displayed by the woocommerce my account page, its blue and id really like this to be white text, and a few other differences.

Can i get something like google fonts to work with it at all?

Page is ZombieFluff.com if you would like to take a lookl at the progress so far.

Thank you so much in advance

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Dewi,

    I’m not too sure if you’ve worked this out but I’ve taken a look at your my account page and the text is more gray instead of blue. Regardless, the following CSS will allow you to adjust the text color:

    .phoen-myaccount-content {
    	color: #fff;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

    To use Google Fonts (https://fonts.google.com/) you’ll need to import the font and then set that font as the font family. To do this you’ll need to make your select, add it by pressing the plus and then select the font family selector at the bottom of the page.

    Then select @import for embed and copy the CSS (not the HTML ) and add that to the top of your custom CSS.

    Then copy the font family they specified below the Embed font section and add it to your selector. For example:

    .example {
    	font-family: 'Open Sans', sans-serif;
    }

    Does that make sense?

  2. 8 years, 2 months ago Dewi Jones

    Hi Alex,

    That's perfect thank you! Wasn't to sure of the tag and found it uses the main content colour so managed to change it by changing the link colour for that specific page to the grey that you saw, now all I need to do is figure out how to remove that darn "My Downloads" from the page! But thank you for your help!

  3. 8 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Dewi,

    Please navigate to WP Admin > Appearance > Custom CSS and add the following CSS:

    .myaccount-menu li:nth-child(2){	display: none;}

    You might also need to install the SiteOrigin CSS Editor.

  4. 8 years, 2 months ago Dewi Jones

    Hi Alex,

    That’s great thanks for going the extra mile! Ill give this a try when I have 2 seconds and report back ☺

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More