Landing Page CSS

[beautyfool]

Hi there - I recently added my own Landing page manually on my blog (posted about this in another thread, I copy and pasted the landing page template from another child theme). I wanted to ask this next question as a follow up - how may I edit this landing page? I've tried several variations on css, but nothing seems to work. I am looking to make the H1 title tag larger and centered on my landing pages.

Any ideas would be appreciated! Thanks in advance,
Renee

http://blogforbeauty.com

[Victor Font]

Please provide a link to the page.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[beautyfool]

HI Victor, the link was at the bottom of my post!

But it's http://blogforbeauty.com just in case 🙂 Thank you!

[Victor Font]

Need the link to the landing page. Landing pages don't have menus. Or are you calling front-page.php a landing page?

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[beautyfool]

Sure here's a landing page on my blog - http://blogforbeauty.com/makeup-for-beginners-book/

For the landing pages, I didn't have one on my theme (it's a custom Genesis) so I just copied the landing page file from another Genesis child theme to this one.

[Victor Font]

The H1 code is adjusted through the .site-title css. Change the font-size there. The title is already centered, so I'm not sure what you are asking.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[beautyfool]

Hi Victor, thanks for your reply!

I meant to center the landing page title, the "Makeup for Beginners" bit. Not the site title. I'm basically looking on how to style - or what the proper "word" is - to put in my css file to make my landing pages so they are different from my other pages. I saw on another child theme it's something like:

.dailydish-landing-page .content {width: 400px}

I'm looking for what to put in my css file to make the landing page title font larger, and centered. I've tried many variations and nothing seems to be working.

Hope that's a little clearer!

[Victor Font]

That is called the entry title. The code is in style.css at line 716. Add text-align: center and change the font-size to your liking. You may also need to add a line-height if the title wraps to the second line.

.entry-title {
    font-size: 21px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[beautyfool]

Hi Victor, thank you, but the entry title will change all my blog titles, throughout my whole blog. I am looking to specifically style my Landing pages only, to make them look completely different from the rest of my blog.

[Author]

Posts