Custom CSS Themes Not Working…Not Macbook compatible??

• 

  kevtav2010 · Member · Jan 25, 2010 at 9:30 am

  • Copy link
  • Add topic to favorites

  Hello,

  Been a while since I blogged. Came back to word press after switching to a MAC. Macbook Pro specifically. I tried to do a custom CSS Theme change from a thrid party site. The code was copied just how I found it. Popped it in the CSS editor for a Preview, and it all came out missing a lot of the framework and look nothing like a Blog…lol.

  When I download it and it unzips to my “Finder”, I have all the folders like photos, columns, CSS, images , sidebar….blah blah. But I just go in to the CSS folder and copy the code, take that code to the CSS editor….frop it in, and poof, pure crap comes out in preview.

  Am I doing a step wrong? What am I missing here?

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

• 

  devblog · Member · Jan 25, 2010 at 4:05 pm

  • Copy link

  Am I doing a step wrong? What am I missing here?

  Yes. First off, CSS is OS independent. Doesn’t matter if you’re a Linux, Unix, Mac or Windows person… CSS is CSS in it will be rendered by whatever browser you use.

  CSS is markup dependent; it’s not plug-and-play. CSS styles elements, those elements are defined in the markup (HTML). If the those elements defined in the CSS are not found in the markup, then nothing will be styled, hence your theme will look weird. Example:

  CSS code:

  #title {
  color: #00f;
  padding: 10px;
  }

  Will style this markup:

  <h1 id="title">My Blog</h1>

  However, if the markup has:

  <h1 id="blogTitle">MyBlog</h1>

  Then, nothing will be styled. For it to work, the CSS selector should be #blotTitle instedad of title.

  HTH