Same style on post and page

Posted in: Newspaper
Post count: 21
Jalo
#23933
Oct 11, 2014 at 8:35 pm

Hi,

I would like to have posts and pages look the same. A h4 in a post doesn’t look the same as a h4 in a page at the moment on my site.

I tried to clone the setting from Theme Panel, Custom Typography, Post settings to Page setting. But it is all default and I do not know what default is 🙂

Can you help me to change the page style so it is the same as post style?

Thanks in advance.

Jalo

Post count: 6600
Lucian
#23987
Oct 13, 2014 at 2:50 pm

Hi,

Go to theme panel > custom typography and set both post and page styles the same way. Another way you can do this is to use the Chrome Developer Tool to inspect the post page and find out which styles are used.
Hope this helps!

Thanks

  • This reply was modified 11 years by Lucian.
Post count: 21
Jalo
#24002
Oct 13, 2014 at 4:28 pm

Hi Lucian,

Thanks for your reply. Can you maybe help me a bit more?
I found out (at least I think I did) the font on the post page is:

font-family: ‘PT Sans’,sans-serif;

That option is not in the dropdown list from Page Content Font. I did find just PT Sans.
I also found:

Post: margin: 25px 0px 27px 0px;
Page: margin: 25px 0px 7px 0px;

How can I adjust the margin 7 from page to 27?

Jalo

Post count: 21
Jalo
#24015
Oct 13, 2014 at 7:59 pm

Hi Lucian,

I added the code below to my custom css:

h4 {
  margin: 25px 0px 27px 0px !important;
}
.td-page-title span {
  color: #222222 !important;
  line-height: 40px !important;
  font-size: 34px !important;
}
.td-page-title {
  top: -8px !important;
}

Is that a bit okay?

Jalo

Post count: 6600
Lucian
#24073
Oct 14, 2014 at 1:16 pm

Hi,

This is an h4 tag on post page: http://screencast.com/t/0Xkg7iuj1
This is an h4 tag on page: http://screencast.com/t/AA9GKTzzWs3g
Please use this css to change the page h4 to appear as the post h4: http://screencast.com/t/fB5Z3yma

.td-page-text-content h4 {
font-family: 'PT Sans', sans-serif;
color: #222222;
margin: 25px 0px 27px 0px;
font-size: 28px;
line-height: 34px;
font-weight: bold;
}

Hope this helps!

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.