Child Theme CSS Site Title Changes

  • Resolved tspnyc

    (@tspnyc)


    3 years, 10 months ago

    Hi.

    When I change the font size of my site title in my new child theme, it will not change on my website. Does this mean some other code is overriding it somewhere?

    I made a child theme of theme Freelancer-Plus

    When I go into the CSS to here:

    h1.site-title{
    font-size: 22px;
    margin: 0;
    text-transform: capitalize;

    I was able to change text-transform: from uppercase to capitalize. That works.

    But when I change the font size, it does NOT change it on my site. I changed it from 22 to 18, and then to 10 just make sure it was not working. And the size of the text on the website title does not change.

    My goal is to make my site name fit on one line

    It should read:

    Copywriter T. S. Phillips
    Have talent, will write

    But it insists on wrapping Phillips to a second line.

    I would be happy to keep the size, if I can just stop it from wrapping

    • This topic was modified 3 years, 10 months ago by Jan Dembowski.

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Where have you defined the font-size of 18px? I can’t find it ANYWHERE on the site or in the child theme’s CSS file.

    As you’re running a caching plugin, you may want to purge the cache before your code changes will appear on the site.

    My goal is to make my site name fit on one line

    When you finally get the 18px font size to work, you may find the text to be too small.

    I would rather make more room for the bigger text to fit, rather than reducing the text size. And that would be as simple as adding this CSS:

    .logo {
width: 300px;
}

    You may change the width figure to whatever works best for you (be sure to test on both desktop and mobile).

    Good luck!

    Thread Starter tspnyc

    (@tspnyc)

    Thank you.

    Your code did the trick. At first it looked like it only did it in the customer and would not do it in the actual published site.

    But that was because it was cached!

    Thanks so much!

    PS, you could not find the 18px because I changed it back to 32 when nothing was working. But that too was the cache issue. I changed it from 22 to 20 and like the look.

    • This reply was modified 3 years, 10 months ago by tspnyc.
    • This reply was modified 3 years, 10 months ago by tspnyc.
    • This reply was modified 3 years, 10 months ago by tspnyc.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Child Theme CSS Site Title Changes’ is closed to new replies.