Editor deletes my tags!

• 

  antigonefeywilde · Member · Jan 3, 2014 at 6:34 pm

  • Copy link
  • Add topic to favorites

  my code for getting images to rotate slightly when hovered over is being stripped, What I’m essentially trying to achieve is this: http://designshack.net/tutorialexamples/HoverEffects/Ex4.html

  Source: http://designshack.net/?p=19746

  Here is the code that I am using, Everything inside of my style tags get completely stripped when I attempt to publish it, but strangely enough, everything works fine in the editor preview area.

  <style><!–
  .ex4 { width: 800px; margin: 0 auto; } .ex4 img { margin: 20px; border: 5px solid #eee; -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); box-shadow: 4px 4px 4px rgba(0,0,0,0.2); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .ex4 img:hover { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); }
  –></style><article><section>

  <div class=”ex4″><img alt=”” src=”http://feywildecosplay.files.wordpress.com/2014/01/sc3-3.jpg” /></div>
  </section></article>

  If you know any workarounds, or options that I can use to either a) Allow my code to work via workarounds, or to b) Point me in the right direction for getting my code to work as is via upgrades, self hosting, ect..

  Thanks a bunch

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

• 

  staff-totoro · Staff · Jan 4, 2014 at 11:03 pm

  • Copy link

  Hi there,

  Because this is a managed hosting environment, at WordPress.com we don’t allow certain kinds of code code, due to security and stability concerns. This is the tradeoff we make in order to keep the millions of sites we host running at top speed with virtually no downtime.

  The reason you are able to see things in the editor the way you do is that, while it renders correctly in the dashboard, the code is stripped out when you publish the post to your site.

  For custom code, you’ll need to use your own hosting provider and install the free WordPress software at WordPress.org. If you are wondering how WordPress.com differs from WordPress.org, this support article explains the distinction: http://en.support.wordpress.com/com-vs-org/

  If you feel that self-hosted is right for you, migrating is easy, and his guide will step you through the process of moving your blog to a WordPress.org instance:

  http://en.support.wordpress.com/moving-a-blog/#moving-to-wordpress-org

  If you’’d like assistance moving your WordPress.com blog to WordPress.org, we have a service called Guided Transfer that does all the work for you. Check it out to see if it’’s right for you:

  http://en.support.wordpress.com/guided-transfer/

  Hope that helps. Please let me know if you have any further questions.