Saving my CSS

• 

  prunussweet · Member · Jun 4, 2014 at 4:06 am

  • Copy link
  • Add topic to favorites

  I am currently changing CSS in Motif theme. I have NOT paid for the CSS customization upgrade yet, but do plan to soon. I am just trying to show my boss what can be done and the benefits of the upgrade. However, when I save my CSS code, it compacts into few lines and distorts the layout of the page. So at this point, I am forced to save my code in word and copy paste it back to the CSS code box to keep the look how it was when I had previously saved. I just want to make sure this isn’t going to happen when I purchase the upgrade.

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

• 

  jeremeylduvall · Member · Jun 4, 2014 at 9:33 pm

  • Copy link

  Hi!

  The CSS code shouldn’t compress like you mention. It looks like your CSS code is in paragraph formatting right now. Rather than saving it in a Word document, I would encourage you to save it in a text document so the layout doesn’t get messed up. Regardless, the CSS should function the same. I separated out your CSS onto different lines and didn’t notice a change in your layout. Can you explain a bit more about what the CSS is currently doing with your layout that you do not want?

• 

  prunussweet · Member · Jun 5, 2014 at 3:03 pm

  • Copy link

  Ok, I just figured out that the layout is changing because, for some reason it is deleting the following code from the second line: “;position:fixed” when I reenter this, the layout looks like it is supposed to. Why would it just be deleting that every time?

• 

  jeremeylduvall · Member · Jun 5, 2014 at 3:41 pm

  • Copy link

  Hi there,

  I’m not sure why it keeps deleting that line. To solve the issue, I went ahead and added the Custom Design upgrade to your account as a two-week trial (expiration 6/19/14). I then added the CSS and commented it out. So, you’ll find the CSS under Appearance -> Customize -> CSS. This way, you can test out the code to make sure you get the look you want.

  When you’re ready to purchase the upgrade, you can do so through your My Upgrades page here:

  https://qualitylandscapeinc.wordpress.com/wp-admin/paid-upgrades.php?page=my-upgrades

  Just click “Renew Now”.

  Let me know if you have any additional questions!

• 

  designsimply · Member · Jun 22, 2014 at 5:29 pm

  • Copy link

  for some reason it is deleting the following code from the second line: “;position:fixed” when I reenter this, the layout looks like it is supposed to. Why would it just be deleting that every time?

  A line like that would be removed if there is a mistake in the CSS syntax. Make sure the line is formatted properly and it should be ok. For example, there should be a “;” character at the end and not at the beginning of the line.