• Resolved Kaoskuri

    (@kaoskuri)


    I wanted to know if there was a way for me to change the size of my text in my tagline. I would ideally like to make it a little smaller but i’m not sure how I can go about doing that. I am using a child theme of the Celestial-Lite theme.

    My site is: http://fidesinfosys.com/Development/

    I had put the following code in my Header.php file but it doesn’t seem to be making a difference other than changing the color.

    <h7 id="site-description">A Trusted Partner, Delivering Innovative Solutions</h7>

    CSS Code:

    h7 {
      font-size: 10.5px;
      color: #7a7b7b;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • Anonymous User 9055193

    (@anonymized-9055193)

    Looks like you’re targeting the wrong element and trying to override with pixels when you should be using rem units.

    FIND on or around Line 279 in style.css:

    #site-description {
    /* font-size: 12px; */
    font-size: 0.750rem; /* PLAY AROUND WITH THIS VALUE */
    }

    Cheers

    Thread Starter Kaoskuri

    (@kaoskuri)

    Ok, let me try that right now. Thanks. =)

    Thread Starter Kaoskuri

    (@kaoskuri)

    Just tried that and it didn’t change at all. =(

    Thread Starter Kaoskuri

    (@kaoskuri)

    Just tried it again and got it working. Thanks for the help. =)

    Anonymous User 9055193

    (@anonymized-9055193)

    Hmm. Try this…

    #site-description {
    /* font-size: 12px; */
    font-size: 0.950rem;
    }

    Notice how 0.750rem is now 0.950rem 😉

    Refresh your cache and/or relaunch browser if that still does not work.

    Thread Starter Kaoskuri

    (@kaoskuri)

    I got it to work and made the tagline smaller. I used the following:

    #site-description {
    font-size: 12px;
    font-size: 0.650rem;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change size of tagline in header’ is closed to new replies.