Support » Themes and Templates » Converting CSS from wordpress.com site

  • I am in the process of switching a site from wordpress.com to wordpress.org. I have done various CSS customizations over time to my wordpress.com site. I want to set up my new wordpress.org site to have the same customizations. I’m not really sure where to start. How different (if at all) is the CSS in wordpress.org? How can I figure out how to add the same CSS edits to the wordpress.org site?

    My wordpress.com site is http://audreyrosephoto.com/
    My wordpress.org site (temp url for setup): http://69.195.124.151/~audreyr4/

    Thanks!

Viewing 13 replies - 1 through 13 (of 13 total)
  • esmi

    (@esmi)

    Forum Moderator

    How different (if at all) is the CSS in wordpress.org?

    There is only one type of CSS and all sites use it. Static sites, Drupal sites, self-hosted WordPress sites, wordpress.com sites. It’s all the same.

    How can I figure out how to add the same CSS edits to the wordpress.org site?

    Exactly the same way that you figured it out on your wordpress.com site but do ensure that you use a child theme or a custom CSS plugin on your self-hosted site or you risk losing all of your changes when the theme updates.

    is there a custom CSS plugin that you would recommend?

    esmi

    (@esmi)

    Forum Moderator

    Since you’re used to wordpress.com. I’d suggest installing Jetpack. It has a custom CSS module and many of the other tools that you are used to having access to on wordpress.com.

    I see JetPack in my list of installed plugins. How do I use it?

    esmi

    (@esmi)

    Forum Moderator

    The changes I make in Edit CSS using Jetpack don’t seem to be taking effect. For example I added this to remove page headers from display

    .page .entry-header {
    display: none;
    }

    But the change did not take effect. Any idea why?

    esmi

    (@esmi)

    Forum Moderator

    What’s that meant to target? I can’t see the markup that corresponds to the CSS on your site atm. Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I’m not sure what you mean by what it’s meant to target. I just know that that is what I added to my wordpress.com CSS to get the pages titles to not appear. I am using Chrome. What is a good developer tool for Chrome?

    esmi

    (@esmi)

    Forum Moderator

    You are using a different theme. You need to use different CSS that is specific to your current theme.

    I used Adelle on my wordpress.com site and I installed Adelle to be used for my wordpress.org site. So it should be the same CSS. Is it not?

    esmi

    (@esmi)

    Forum Moderator

    Where did you download the theme from? Themes on wordpress.com can be quite different from the theme hosted here.

    I installed it from the admin dashboard for my wordpress.org site. I searched for ‘adelle’ and installed it from there

    esmi

    (@esmi)

    Forum Moderator

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Converting CSS from wordpress.com site’ is closed to new replies.