Widen only one page in lifestyle

[ddknightParticipant]

Hello all,

I was directed here from the support team to ask my question. My question is:

I’m using the lifestyle theme and have a landing page made(private) and I need to fit in an iframe that 980 pixels wide. That’s wider than the site itself.

I’d like to know if it’s possible to widen ONLY the landing page. I have followed the landing page tut from http://www.briangardner.com/create-landing-page/

I don’t want to widen the entire site to accommodate the landing page, I just want to widen the lading page, specifically just the content area that will hold the iframe.

My guess is I could somehow have the landing page use it’s own .css?

Any help is appreciated!

Thanks!

 

[Jen BaumannKeymaster Post count: 269]

You can adjust any element for just that page using the body class Brian defined in his tutorial.

.custom-landing .whatever-element {
}

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[ddknightParticipant]

Thanks Jen,

I’m confused somewhat so I’ll explain. Using Brians example of:
.custom-landing #inner {
margin: 20px auto;
width: 700px;
}

..if I need the width to be 980 I’d change the 700 to 980, right? Do I not also need to do the same for the wrap(which is 960)

Does this all go in the .ccs? I have Brians example in the css and nothing changes. I’ve been using firebug but to no avail.

Am I wrong in thinking i need both:
.custom-landing #inner {

and

.custom-landing #wrap {

?..

thanks for your patience:)

My landing page has both the header and the footer, I just want to change the middle section to be wider to fit the iframe for a spreadshirt shop.

Ray

 

[Jen BaumannKeymaster Post count: 269]

Yes, all of this would go in your child theme style.css file.

Depending on your site, you may need more than .custom-landing #inner and .custom-landing #wrap. You might need .custom-landing #content as well. Basically, .custom-landing can be used in front of any element you need to change.

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[ddknightParticipant]

Thanks Jen!

Using both .custom-landing #wrap and .custom-landing #inner did the trick:)

thanks!

 

Ray

[Jen BaumannKeymaster Post count: 269]

You’re welcome!

---

Jennifer “Hermione” Baumann | Recommended StudioPress Developer
Dream Whisper Designs | Themessence | @dreamwhisper | If I’ve helped, like me on Facebook

[Author]

Posts