Docs

[lddlegal]

My site is at http://www.lddlegal.com

After searching through several forum entries on this topic, I founds the code below to get close to what I wanted to accomplish, that being changing the size of the title (i.e. “LD&D News”) on the main post (landing) page as well as each individual post page:

.h-landmark, .entry-title.h-landmark {
font-size: 400%;
}

I think 400% is close to the size of the font on the pages titles, however these post titles are not in the same position as the titles on the pages. This causes some visual jumping around in the title area when you move from a page to a post. Is there an easy way to fix this?

I will send site creds in a separate message in case you need them.

[lddlegal]

This reply has been marked as private.

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > CSS.

.entry-title {
    font-size: 250%;
}

Hope that helps. 🙂

[lddlegal]

I tried my best to explain which title, but somehow did not get across which one I want to change, sorry. The code shared above changes the size of the title of the post in the post landing page and on the individual post page. I think I have that font size pretty much under control. I have attached a screen shot to show you what I am looking to adjust. Because I am not using native page titles on my Pages but custom headlines instead, it may not be possible to get a perfect match. However, in case it is, I would like the Post landing page and the individual Post page top header to appear in the same position as it is on the Pages. If you click from the News page (aka Post landing page) to Our People or any of the Practice Area pages, and then back to the News page, you will see the News page header shifts up a bit and is not exactly the same font weight. I can live with the font weight, but if we could fix the position and ideally remove the line below the LD&D News header, that would be great. Basically I want the LD&D News header to look the same and appear in the same place as it does on all the pages…for consistency. Thanks!

[Lely]

Hi There,

Thank you for the clarification. Blog index page is using different heading tag.

Please add this custom CSS:

.blog .x-header-landmark {
    padding-top: 40px;
    padding-bottom: 0;
    border: none;
}
.blog .h-landmark {
    letter-spacing: -0.035em;
}

Hope this helps.

[lddlegal]

It worked great on the “Post” landing page http://lddlegal.com/ldd-news/ and not the header lines up to the same positioning as the headers on all the ther pages. Can we do the same thing on the individual post pages too, like here http://lddlegal.com/2016/04/30/establishing-a-tow-away-zone/? Thanks in advance!

[Darshana]

Hi there,

Add the following CSS rules also.

.single-post .x-header-landmark {
    padding-top: 40px;
    padding-bottom: 0;
    border: none;
}
.single-post .h-landmark {
    letter-spacing: -0.035em;
}

Hope that helps.

[Author]

Posts