Home Page with Large, Centered Logo / Internal Pages with Small, Justified Left

[dmcworks]

Hey All,

I was just wondering what the best way might be to accomplish the following:

Homepage: I'd like my logo to be large and centered within the header.
Internal Pages: I'd like my logo to be smaller and in the default location.

[Lauren @ OnceCoupled]

To change the appearance of elements on your home page, you can just use the selector .home before your usual selectors. 🙂

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[dmcworks]

Thanks Lauren, but I'm looking for some advise on how to modify the actual code of the header. I won't be able to accomplish what I'm looking for using just the class.

[Lauren @ OnceCoupled]

Hey there,

You'll need to provide some more information about your site - a link, preferably - to be able to receive any more specific help. As is, my previous suggestion to create a CSS solution is the best I can provide.

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[dmcworks]

It's just the default child theme. I haven't done anything to the code yet.

[Lauren @ OnceCoupled]

I would still suggest using the .home selector.

For example:

.home .title-area {
     float: none;
     margin: 0 auto;
}

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts