changing to lowercase

• 

  mhsco5 · Member · Aug 14, 2017 at 12:06 am

  • Copy link
  • Add topic to favorites

  Hi, been asked a million times but I dont know where to write the code to change my letters on my website from upper to lower case?
  Could anyone please talk me through it, I am totally new.Thanks very much

• 

  staff-eleanor · Staff · Aug 14, 2017 at 1:00 am

  • Copy link

  Hi there,

  Could you please share the url of the site you need help with so we can better assist?

• 

  mhsco5 · Member · Aug 14, 2017 at 1:30 am

  • Copy link

  Thanks, website is offline, here is some info from the ‘edit themes’ page in ‘appearance’
  Any good tutorials on this? Thanks again!

  /* —– FORMATTING —– */

  body {
  font-family: ‘Lato’, Arial, ‘sans serif’;
  font-size: 16px;
  font-weight: 300;
  padding: 0px;
  margin: 0px;
  color: #58595B;
  background: #ffffff;
  }

  p {
  padding: 0px 0px 12px 0px;
  margin: 0px;
  }

  h1, h1 a {
  color: #56A940;
  font-size: 35px;
  margin: 12px 0px;
  padding: 0px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  }
  #featured h1 {
  color: #ffffff;
  text-align: center;
  }

  h1.product_title {
  margin: 12px 0px 0px 0px;
  }

  h2, .related h3 {
  color: #56A940;
  font-size: 26px;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-weight: 300;
  }

  h3, h3 a, .products h2 {
  color: #56A940;
  font-size: 16px;
  margin: 0px !important;
  padding: 0px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  }

  .products h2, .related h3 {
  text-align: center;
  }

  #header-right, #header-right a {
  font-size: 14px;
  color: #56A940;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  }

  #content a {
  color: #56A940;
  text-decoration: none;
  }

  #content a:hover {
  color: #006D3E;
  text-decoration: underline;
  }

  #left-col a {
  color: #58595B;
  text-decoration: none;
  }

  #left-col a:hover {
  color: #58595B;
  text-decoration: underline;
  }

  #content li {
  padding: 0px 0px 8px 0px;
  }

  #content ul {
  padding-top: 0px;
  margin-top: 0px;
  }

  hr {
  border: none;
  border-top: 1px solid #BCBEC0;
  margin: 18px 0px;
  clear: both;
  }

  b, strong {
  font-weight: 700;
  }

  /* —– LAYOUT —– */

  #centered {
  max-width: 1030px;
  width: 90%;
  padding: 0 5%;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  text-align: left;
  }

  #header, #featured {
  background: url(‘images/grey-white-bg.png’) repeat-x;
  width: 100%;
  float: left;
  }

  @media screen and (min-width: 785px) {
  #logo {
  float: left;
  margin: 25px 30px;
  width: 18%;
  max-width: 400px;
  }

  #header-right {
  float: right;
  margin: 24px 30px 0px 0px;
  text-align: right;
  width: 70%;
  max-width: 550px;
  }

• 

  staff-eleanor · Staff · Aug 14, 2017 at 1:39 am

  • Copy link

  The CSS element you’ll need to change is text-transform. For example:

  .lowercase {
    text-transform: lowercase;
    }

  Changing the word uppercase to lowercase in the code you already provided may be enough to make the style change you need.

  By the way, this is the support forum for sites hosted on WordPress.com. If your site is self-hosted (using WordPress.org) you can get support for it here: http://wordpress.org/support/

  To learn about the difference between the .com and .org versions visit:
https://en.support.wordpress.com/com-vs-org/

• 

  mhsco5 · Member · Aug 14, 2017 at 1:46 am

  • Copy link

  Thanks very, that’s great information.
  Thanks you!