WordPress.org

Ready to get started?Download WordPress

Forums

CSS Edits (4 posts)

  1. piprali
    Member
    Posted 1 year ago #

    My self-hosted website has the Twenty Twelve on it and I've got a couple of questions about CSS. I am so lost!

    I have Jetpack installed with the Edit CSS feature enabled. I want to do two things with this:

    1. change the link color of my theme (which is typically easy but I seem unable to figure out in this case), further more I'd actually like to have two link classes... one for the titles and one for links within posts, link lists, etc. and
    2. use a two fonts I downloaded from one of those free web-fonts websites and uploaded on my site, one for post titles and one for the title of my site.

    Knowing what I want to do is half the battle, obviously, but I am still at a loss on how exactly to accomplish this.

    I know the general rule of thumb is that if you don't know CSS you certainly shouldn't be fooling around with it, but sadly the self hosted version of WordPress has no easy - no CSS involved way to do this like the hosted version does, at the moment.

    So if you could help me out it would be greatly appreciated.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Learning some basic CSS is not that hard -- this is a good resource site:

    http://www.w3schools.com/css/

    Another REALLY great tool for CSS (among other things) is Firebug add-on for Firefox. It will show you the CSS code that is affecting a specific area of the page.

    That said, if you want specific help, please post a link to your site.

  3. piprali
    Member
    Posted 1 year ago #

    Thanks for the link - and the tip, I do use Firefox (among other browsers) so I will definitely check out that add on.

    My website is here: The Stubborn Optimist Returns

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Okay, try these in the custom CSS:

    .entry-title a {
       color: #xxxxxx;
    }
    
    .entry-content a {
       color: #xxxxxx;
    }
    
    .entry-header .entry-title {
       font-family: ......  ;
    }
    
    h1.site-title {
       font-family:  ......  ;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic