transferring CSS customization from wordpress.com

  • Resolved smgianotti

    (@smgianotti)


    11 years, 1 month ago

    I just switched from wordpress.com to ww.wp.xz.cn and installed the Standard Theme that I had been using, but cannot figure out how to transfer my CSS customizations.

    On wordpress.com, under appearance and customization there was a CSS editor and I have copied all my edits. However, when I try to paste this into jetpack’s CSS editor or other CSS plug-ins (Simple Custom CSS, WP Add Custom CSS) nothing happens.

    Perhaps the format of the CSS code has to be different? Below is a small part of I copied from the wordpress.com CSS editor.

    I would appreciate any help!

    Shannon

    /* Header
    —————————————————————- */
    /* Header Text
    ———————————————- */
    /* site title */
    #site-title,
    #site-title a {
    color: #357FB5;
    }

    #site-title a:hover {
    color: #357FB5;
    }

    /* tagline */
    #site-description {
    color: #2978a2;
    }

    #site-title {
    text-align: center;
    }

    #site-description {
    text-align: center;
    }

    #site-description {
    position: inherit;
    width: 100%;
    top: 0;
    display: block;
    text-align: center;
    }

    .post .thumbnail {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    .the-tags {
    display: none;
    }

Viewing 3 replies - 16 through 18 (of 18 total)
1 2
  • Thread Starter smgianotti

    (@smgianotti)

    11 years, 1 month ago

    To clarify, I split the font-size code you gave me, since I wanted to assign different sizes to them, but I looked back into CSS tried a couple things and this worked:

    .entry-title {
    font-size: 28px;
    }

    As for the links. I think I get it now. I use a blog editor that feeds into the site and on it the links are blue. So, I changed the HTML code there.

    Will look into the Google Fonts soon.

    Thank you for your help!

    Thread Starter smgianotti

    (@smgianotti)

    11 years, 1 month ago

    Thank you for the tip on Google Fonts! The site looks great now.

    Thank you for all your help! You’ve been a life-saver, or a site-saver 🙂

    CrouchingBruin

    (@crouchingbruin)

    11 years, 1 month ago

    Hi, Shannon:

    The site is looking great! However…

    It’s not using the Yanone Kaffeesatz font that you’ve specified in your CSS. The font actually has a slightly rounder look to it. You can see what the font should look like on this site. Your site is actually using the “backup” sans-serif font.

    There are two problems:

    1. You have to let the browser know where to find the font (i.e., if it’s a Google font, then the browser will have to know to download it from Google). You can do this one of two ways:
    1. Add this link to the head section of your site: 
      <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200' rel='stylesheet' type='text/css'>

      You can do that using a plugin like Header and Footer.
      or,

    2. Add this @import statement to your CSS: 
      @import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200);

      I would try this option first, since it’s the easiest.

    Each of these options tell the browser where to download the font from.

    • The other problem is that when you specify the name of a font family that has an embedded space, you need to enclose the full name in quote marks, either single quotes (i.e., apostrophes) or double quotes. In other words, it should look like this: 
      font-family: 'Yanone Kaffeesatz', sans-serif;
Viewing 3 replies - 16 through 18 (of 18 total)
1 2

The topic ‘transferring CSS customization from wordpress.com’ is closed to new replies.