Post Tittle

• 

  mmaduabuchifelix · Member · May 18, 2019 at 3:24 pm

  • Copy link
  • Add topic to favorites

  Please is there a CSS I can use to make my post tittle appear a little close such that the next line of sentence come close to the first line … like this one here https://cloudup.com/c5AmRrac5PK? My post tittle always appear like this https://cloudup.com/iFLk2DNVCgC and I dont like it.

  Another thing is the ad that appear on top site tittle and menu… Is there a CSS to make it appear below the site tittle, logo and menu?

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

• 

  jnr4u2 · Member · May 18, 2019 at 4:00 pm

  • Copy link

  Hi,

  Turn this

  .latest_post_title a {
  font-family: ff-meta-serif-web-pro,“Times New Roman”,serif;
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 20px;
  }

  To

  .latest_post_title {
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  margin-top: 20px !important;
  }

  Let me know if it works :)

• 

  mmaduabuchifelix · Member · May 18, 2019 at 5:54 pm

  • Copy link

  Its not working

• 

  jnr4u2 · Member · May 18, 2019 at 6:02 pm

  • Copy link

  Hi @isochillbeats,

  I’ve tagged an Happiness Engineer now.

  They’ll get back with an update for you soon.

  Thanks:)

• 

  mmaduabuchifelix · Member · May 18, 2019 at 6:04 pm

  • Copy link

  OK … Thanks… Will be waiting

• 

  wpx2 · Member · May 18, 2019 at 7:28 pm

  • Copy link

  Hi there,

  The main reason for that big white space in your website’s posts title is the value of line-height in one of CSS classes. You can reduce it by implementing this CSS code:

  article.post-archive h2.entry-title {
    line-height: 1.4rem;
  }

  You can increase or decrease that space by adjusting the line-height value (1.4rem) to your preference.

  For your second query, CSS allows you to reorder the placement of elements in your website. The following CSS code will place the advertisement below the site title, menu, and logo:

  body {
      display: flex;
      flex-direction: column;
  }
  
  .masthead {
      order: -1;
  }

  Let me know if the above solves the issues. :)

• 

  mmaduabuchifelix · Member · May 18, 2019 at 8:32 pm

  • Copy link

  Thanks so much…. The CSS for post tittle worked fine… but the CSS for the ad work only when you view the site on desktop…. it still appears on top site tittle, menu and logo when viewed on mobile… Please any luck to make it work on mobile?

• 

  mmaduabuchifelix · Member · May 18, 2019 at 8:43 pm

  • Copy link

  Wait… Sorry… it worked… the ad is now below site tittle, menu and logo… thanks so much…

• 

  wpx2 · Member · May 18, 2019 at 8:55 pm

  • Copy link

  @isochillbeats

  You are very welcome, I am happy that I could help :)

• 

  mmaduabuchifelix · Member · May 18, 2019 at 9:36 pm

  • Copy link

  Thanks