Post Tittle
-
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)
-
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 :)
-
-
Hi @isochillbeats,
I’ve tagged an Happiness Engineer now.
They’ll get back with an update for you soon.
Thanks:)
-
-
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. :)
-
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?
-
-
-
- The topic ‘Post Tittle’ is closed to new replies.