Converting CSS from wordpress.com site

  • I am in the process of converting from wordpress.com to www.ads-software.com. I want to setup up my www.ads-software.com 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 https://audreyrosephoto.com/
    My www.ads-software.com site is (temp url) https://69.195.124.151/~audreyr4/

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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 www.ads-software.com site)?

    Thread Starter smith8ar

    (@smith8ar)

    That’s what I was wondering. Is the CSS for the Adelle theme different for www.ads-software.com vs wordpress.com? Because that worked for the wordpress.com site

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How familiar are you with CSS?

    Thread Starter 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.

    Thread Starter smith8ar

    (@smith8ar)

    what is a good developer tool for Chrome?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    https://developers.google.com/chrome-developer-tools/

    Thread Starter 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?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter smith8ar

    (@smith8ar)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter 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.