• Resolved born61

    (@born61)


    hi,
    i have added in https://wpdev1.altervista.org/

    .site-title {
    font-size: 3.375em;
    font-family: cursive;
    font-style: italic;
    }

    .site-description {
    font-size: 1.99em;
    font-family: cursive;
    font-style: italic;
    }

    but only site-desciption work
    why site-title is not italic?
    (i have try also site-title a )

    thanks and regards

Viewing 15 replies - 1 through 15 (of 22 total)
  • try changing it to .site-title a{

    }

    The text is wrapped in an anchor tag.

    Thread Starter born61

    (@born61)

    yes i have wrote
    (i have try also site-title a )

    .site-title a {
    font-size: 3.375em;
    font-family: cursive;
    font-style: italic;
    }
    but nothing

    try adding !important after the statement example font-family: cursive !important;

    If it’s a custom font there are chances the italic version of the font is not uploaded or enqueued.

    You can check on that as well.

    Thanks

    Moderator Kathryn Presner

    (@zoonini)

    You don’t need the !important bit. Your site title and tagline are in italics, it’s just that it’s hard to tell they are because of the “cursive” style you’ve opted for. If you remove this bit of code it’ll be more obvious that your text is italicized: font-family: cursive;

    Thread Starter born61

    (@born61)

    i wrote

    .site-title a {
    font-size: 3.375em;
    font-family: cursive !important;
    font-style: italic !important;
    }

    .site-description {
    font-size: 1.99em;
    font-family: cursive;
    font-style: italic;
    }

    but with browser’ ispector i see

    media=”all”
    .site-description {
    font-size: 1.99em;
    font-style: italic;
    }
    media=”all”
    .site-title a {
    border-bottom: 0;
    color: inherit;
    }

    Thread Starter born61

    (@born61)

    then i post

    .site-title a {
    font-size: 3.375em;
    font-family: cursive;
    }

    but nothing

    Thread Starter born61

    (@born61)

    i try all

    site-title a:focus, a:active, a:hover, a:visited {
    font-family: cursive;
    }

    nothing

    Moderator Kathryn Presner

    (@zoonini)

    This is what I’m seeing:

    Name surname

    Could you upload a screenshot so I can see what the problem is?

    Here’s a guide on how to make a screenshot:
    https://en.support.wordpress.com/make-a-screenshot/

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.

    Thread Starter born61

    (@born61)

    you can see the jpg in the post7
    https://wpdev1.altervista.org/post7/

    Moderator Kathryn Presner

    (@zoonini)

    Looks like your computer is displaying Comic Sans for the site title, which may not show italics as you expect. Intstead of just choosing a generic font family, I’d suggest you pick a specific font for more predictable results from device to device. For example:

    font-family: Verdana, Helvetica, sans-serif;

    Thread Starter born61

    (@born61)

    nothing
    i don’t undarstand

    in ispector browser i see tagline ok
    media=”all”
    .site-description {
    font-size: 1.99em;
    font-style: italic;
    }

    then why title not accepted italic?
    inspector is
    .site-title {
    font-size: 3.375em;
    }

    problem is because title is a href?

    the override is to href
    h1.site-title a {

    or

    h1.site-title {

    ??

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi, I did the following using the web inspector in my browser.

    h1.site-title a {
        font-family: cursive,arial,helvetica,sans-serif;
        font-size: 3.375em;
        font-style: italic;
    }

    The cursive font has its own slant to the letters, and italic can’t be applied to that particular font. Given that cursive may not be supported on all systems, I’ve added some general fallbacks to the font stack. If cursive doesn’t load for a visitor, the one of the other fonts will load and the italic font style will be applied to those.

    I would suggest using the same font stack on .site-description as well so that things will look consistent on all systems and browsers.

    Thread Starter born61

    (@born61)

    well i found

    if i add css in style.css of thema-child it not work

    if i add css in appareance css it work

    my style.css child is
    /*

    Theme Name: boardwalk-child
    Theme URI: https://www.wpdev1.altervista.org
    Author: Io
    Author URI: https://www.wpdev1.altervista.org
    Description: Un tema child
    Template: boardwalk
    Version: 1.0

    */
    @import url(“../boardwalk/style.css”);

    …….
    body.page .entry-thumbnail,
    body.single .entry-thumbnail {
    display: none;
    }
    ….
    …..
    ….

    Moderator Kathryn Presner

    (@zoonini)

    Did you put the new CSS rules at the very bottom of your child theme’s CSS?

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘editing css title’ is closed to new replies.