tagline size

• 

  warneyswhip · Member · Apr 27, 2018 at 12:59 pm

  • Copy link
  • Add topic to favorites

  traveller site, ned to make the tagline inder the heading smaller

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

• 

  ravichahar · Member · Apr 27, 2018 at 1:05 pm

  • Copy link

  Hey warneyswhip,

  If you have a Premium or a Business Plan, you can accomplish this by adding a Custom CSS. Go to Customise>>CSS and add this code.
  https://en.support.wordpress.com/custom-design/editing-css/

  h2.description.site-description{
  font-size: 2em
  padding: 1em;
  }

  You can adjust the font-size according to your requirements.

  Hope this helps.
  ~Ravi

• 

  warneyswhip · Member · Apr 27, 2018 at 1:14 pm

  • Copy link

  sorry tried that didn’t work where do i add the fond size?

• 

  warneyswhip · Member · Apr 27, 2018 at 1:18 pm

  • Copy link

  maybe my first code is conflicting..
  want the title big and the tagline smaller

  .header.masthead h1.logo, header.masthead h1.logo a, header.masthead h1.logo a:hover, header.masthead h2.description {
  color: darkgrey;
  font-weight: bold;
  font-size: 120px;
  }

  h2.description.site-description{
  font-size:5px; 2em
  padding: 1em;
  }

• 

  ravichahar · Member · Apr 27, 2018 at 1:24 pm

  • Copy link

  Try this code.

  .home.traveler_header_height_3 h2.description, .traveler_header_height_3 h2.description, .home.traveler_header_height_1 h2.description{
  font-size: 2em
  padding: 1em;
  }

  In your code, you have added font-size: 120px and that’s too much big.

  And you can’t use two CSS units together. Please use the code I have just shown. To increase or decrease the size, you can change the font-size: 2em value.

  Try 2.3em or maybe 3em. Set it according to your requirements.

• 

  ravichahar · Member · Apr 27, 2018 at 1:27 pm

  • Copy link

  My bad.

  You should try this new code. The above code seems to target the tagline showing on the homepage.

  For the whole website, try this.

  .header.masthead h1.logo, header.masthead h1.logo a, header.masthead h1.logo a:hover, header.masthead h2.description{
  font-size: 2em!important;
  padding: 1em;
  }

  Hope this works.

• 

  thesacredpath · Member · May 1, 2018 at 10:09 pm

  • Copy link

  Hi @warneyswhip, it looks like you removed your tagline. If you still wish help with this, can you add it back in and I’ll take a look at it for you?