Usi9ng CSS upgrade

• 

  carlo37 · Member · Oct 8, 2014 at 11:38 am

  • Copy link
  • Add topic to favorites

  Hi I purchased a $24.00 upgrade last month to be able to use css and customize my site. I get this window where I can type my css, however they don’t seem to work. If I type a p tag before my text the< p style=””> will not affect the page at all, also the div tags don’t work, I cannot change font and color of the pages titles etc. What good does this upgrade do to me? I understand that if I host myself wordpress I can access all the files behind the theme and be able to customize it to my needs?

  The blog I need help with is: (visible only to logged in users)

• 

  senff · Staff · Oct 8, 2014 at 3:58 pm

  • Copy link

  The purpose of Custom Design is that you can use CSS code to manipulate the looks of your blog. For example, if you enter this in your custom CSS box, all your text will become red:

  p {
      color: red;
  }

  Or, if you want the header to be invisible on your site, you can use this code:

  header {
      display:none;
  }

  You shouldn’t add CSS code to your actual content — this is not what the upgrade does and, more importantly, this is not how CSS should be done in general. Instead, you can add classes to certain elements in your content, and then in your Custom CSS box you can style those classes.

  For example, if you have this code in your content:

  <p class="radioactive">This text almost lights up!</p>

  You can style it with using this code in your CSS box:

  p.radioactive {
    color:#00ff00;
    text-shadow:2px 2px 0 #ff0000;
  }

  I wanted to check how you had things done right now but your blog is set to private so I can’t see it.

  I understand that if I host myself wordpress I can access all the files behind the theme and be able to customize it to my needs?

  This is true. However, hosting it yourself will come with a lot of other things you’re going to to have to take care of. Things that are being taken care of for you when you have a WordPress.com site.