WordPress.org

Ready to get started?Download WordPress

Forums

Adelle
Converting CSS from wordpress.com site (16 posts)

  1. smith8ar
    Member
    Posted 6 months ago #

    I am in the process of converting from wordpress.com to wordpress.org. I want to setup up my wordpress.org site to look like the .com site. I have made several CSS changes to the .com site and would like to also apply them to my new .org site. They are both using Adelle, but when I make the same CSS changes to the .org site that I had made to the .com site, the changes don;t seem to take effect. For example, I added this to the CSS for the .org site:
    .page .entry-header {
    display: none;
    }
    This was supposed to remove the page title, but the change did not take effect. To add CSS changes, I am using Edit CSS via Jetpack.

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

  2. Andrew
    Forum Moderator
    Posted 6 months ago #

    I don't see a class on your page named "entry-header", are you sure you're using the right CSS (by right I mean for your WordPress.org site)?

  3. smith8ar
    Member
    Posted 6 months ago #

    That's what I was wondering. Is the CSS for the Adelle theme different for wordpress.org vs wordpress.com? Because that worked for the wordpress.com site

  4. Andrew
    Forum Moderator
    Posted 6 months ago #

    Yes they are different themes, that use different HTML (which then means different CSS).

  5. smith8ar
    Member
    Posted 6 months ago #

    Oh ok. So what would be the best way to try to apply the same changes I had made to the wordpress.com site?

  6. Andrew
    Forum Moderator
    Posted 6 months ago #

    How familiar are you with CSS?

  7. smith8ar
    Member
    Posted 6 months ago #

    Not too familiar. Only experience is research I've done for my wordpress.com site. But I am a Java developer, so I should be able to catch on! haha. Bascially, I guess I just need to figure out the equivalent classes in the .org CSS and apply those changes to those classes. Is that right?

  8. Andrew
    Forum Moderator
    Posted 6 months ago #

    figure out the equivalent classes in the .org CSS and apply those changes to those classes. Is that right?

    Yes, try using a browser developer tool to explore the underlying HTML and CSS of a page more easily.
    However, there's no guarantee that the CSS will work off-hand. Let us know specific examples that you're stuck with.

  9. smith8ar
    Member
    Posted 6 months ago #

    what is a good developer tool for Chrome?

  10. Andrew
    Forum Moderator
    Posted 6 months ago #

    It's built-in. Right click and select "Inspect element".

  11. Andrew
    Forum Moderator
    Posted 6 months ago #

  12. smith8ar
    Member
    Posted 6 months ago #

    ok cool. Also, in wordpress.com there is the option to choose the 3 main colors to be used for the Adelle theme. Is there a good way to apply the same customization to the .org Adelle theme?

  13. Andrew
    Forum Moderator
    Posted 6 months ago #

    To have the same options in your dashboard just like .COM ?

  14. smith8ar
    Member
    Posted 6 months ago #

    No, just to apply the same affect. Unless there is an option to have that in your dashboard on .org?

  15. Andrew
    Forum Moderator
    Posted 6 months ago #

    I don't know the .COM theme to answer that, sorry.

  16. smith8ar
    Member
    Posted 6 months ago #

    ok. thank you!! :) :)

Reply

You must log in to post.

About this Theme

About this Topic