WordPress.org

Forums

Converting CSS from wordpress.com site (14 posts)

  1. smith8ar
    Member
    Posted 1 year ago #

    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!

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  3. smith8ar
    Member
    Posted 1 year ago #

    is there a custom CSS plugin that you would recommend?

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  5. smith8ar
    Member
    Posted 1 year ago #

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

  6. esmi
    Forum Moderator
    Posted 1 year ago #

  7. smith8ar
    Member
    Posted 1 year ago #

    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?

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  9. smith8ar
    Member
    Posted 1 year ago #

    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?

  10. esmi
    Forum Moderator
    Posted 1 year ago #

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

  11. smith8ar
    Member
    Posted 1 year ago #

    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?

  12. esmi
    Forum Moderator
    Posted 1 year ago #

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

  13. smith8ar
    Member
    Posted 1 year ago #

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

  14. esmi
    Forum Moderator
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Topic