Title modification by child theme and css rule

  • Hi all,

    I’m working on this website [ redundant link removed ] and to set some modification by css I created a child theme. I would like to change the appearance of the title and setting the font lowercase and thinner.

    I tried to use the class .site-title { } to make it and it worked for some modification. I have set up the rule like that:

    .site-title {margin: 0; padding: 2px 0 8px; font-size: 64px; line-height: 64px; font-weight: 100; text-transform: none; word-spacing: -16px;}

    And it worked well because it changed the title from uppercase to lowercase but it seems the other properties do not work. I tried several times but no one of them, expecially font-weight, worked.

    The only two properties seems working are word-spacing and text-transformation.
    What should I do? I tried also setting !important but it did not work.

    I would like to know also if how can I set a <span> to modify just one of the two words which compose the title.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • I created a child theme

    when customizing css this is very helpful. However it is also possible to customize css using the customizer (admin bar > Customizer > Additional CSS)
    These CSS changes are safe from website updates just like in your child theme. The customizer works so well that when you do not need to customize page templates, or need to customize your “functions.php”, that you may not need to use a child theme.

    Suggest that you make your css more specific like this:
    .site-title a {
    since the title text is in a link, hence the “a” element.

    Also suggest that you learn how to use your “web browser inspector” to see how your html and css are working.

Viewing 1 replies (of 1 total)
  • The topic ‘Title modification by child theme and css rule’ is closed to new replies.