Support » Theme: Adelle » Converting CSS from wordpress.com site

  • smith8ar

    (@smith8ar)


    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/

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    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)?

    smith8ar

    (@smith8ar)

    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

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

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

    smith8ar

    (@smith8ar)

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

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    How familiar are you with CSS?

    smith8ar

    (@smith8ar)

    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?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    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.

    smith8ar

    (@smith8ar)

    what is a good developer tool for Chrome?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    It’s built-in. Right click and select “Inspect element”.

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

    smith8ar

    (@smith8ar)

    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?

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

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

    smith8ar

    (@smith8ar)

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

    Moderator Andrew Nevins

    (@anevins)

    Front-end developer

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

    smith8ar

    (@smith8ar)

    ok. thank you!! 🙂 🙂

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