Multiple font sizes in title

  • Unknown's avatar
    marketingmanagement2e · Member ·

    Hello. I want to create two different size fonts in the title and have the title appear on two lines. So it would look like this.

    Marshall & Johnston <———smaller font
    Marketing Management <———larger font

    I also want to make the tagline italic.

    Any help would be greatly appreciated. Thank you!

    The blog I need help with is marketingmanagement2e.wordpress.com.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    marketingmanagement2e · Member ·

    Just updating this request, seeing if anyone can provide some CSS help. Thanks!

  • Unknown's avatar
    justpi · Member ·

    “Updating” or starting new threads doesn’t help. This is a forum, not a phone answering service: you get a reply when someone who is able and willing to answer drops by and checks the unanswered questions. And we usually check them from older to newer, so reposting can actually be worse for you.

    Paste this into the CSS editor and change the 3.1 and the 4.1 at will: 

    .site-title {
font-size: 1rem;
line-height: 1em;
padding: 1em 0;
}
.site-title a {
color: transparent;
font-size: 0;
display: block;
}
.site-title a:before {
color: #0C4B5C;
content: "Marshall & Johnston";
display: block;
font-size: 3.1rem;
line-height: 1em;
}
.site-title a:after {
color: #0C4B5C;
content: "Marketing Management";
display: block;
font-size: 4.1rem;
line-height: 1em;
}
  • Unknown's avatar
    marketingmanagement2e · Member ·

    Thank you.

  • Unknown's avatar
    marketingmanagement2e · Member ·

    And apologies for any seeming issue – I was simply and anxious.

  • Unknown's avatar
    justpi · Member ·

    You’re welcome, and no apologies needed: you’re a new member, so I just tried to explain something you should keep in mind for future questions.

  • The topic ‘Multiple font sizes in title’ is closed to new replies.