CSS Edits

  • piprali

    (@piprali)


    11 years, 3 months 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • WPyogi

    (@wpyogi)

    11 years, 3 months 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.

    Thread Starter piprali

    (@piprali)

    11 years, 3 months 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

    WPyogi

    (@wpyogi)

    11 years, 3 months 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:  ......  ;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Edits’ is closed to new replies.