Parralax pro full width custom pages

[mbangayan]

Hi guys..

I tried the plugin Genesis lay out extra to create a full width page temple, but i doesnt work. Im surely doing something wrong. My client was the same full width as the home page for the sub pages.

What do i need to do to make the template pages full width??

Hope someone can help me out

[Victor Font]

Try this: http://my.studiopress.com/snippets/admin-management/#force-layout-settings

---

Regards,

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

[mbangayan]

Hi Victor

thanks for the reply.

I added the snippet but my subpages are still the same..

The txt and pictures are not full width like the home page. any other options??

[[email protected]]

remove the div "site-inner" at your subpage.

Maybe this can help:

Full Width Landing Pages in Genesis

[mbangayan]

Thank you Tim.Pons.. ill check it out..

Dank je wel!

[[email protected]]

No Problem! I have anotther option i found this..

Add Full Width Wrap to the Inner Content of a Page in Genesis Theme

Maybe this helps u also.. it is a shorter way by editing the css and a littlebit add to the function.php!

good luck!

Have a nice day! 🙂

[mbangayan]

Thank tim.

Ill check it out!

Maybe you can help me with something else. I added two additional widgets on the parralax pro but one of the two has a white background. I tried to css change it by id but still it doesnt change background colour. Do you have an idea what i can do?

[[email protected]]

Do you have a link of the website for me?

Maybe one div is ruling the other.. So if you place in your css

example: #yourdiv {background-color: #000000 !important;}

(!important will give the targeted element color precedence over any css styling that targets the same element.)

[mbangayan]

THANKS A LOT hehe everyday is a learning day 🙂 it worked..

now i only have to correct the last home section. The picture doesnt really scroll parralax and adjust well its like it cuts it in two hehe 🙂

the site is http://www.mtbwoonark.nl is dutch but i guess you are dutch too.

Dank je wel!

[[email protected]]

Yes i am Dutch, But i speak english here for the other people 🙂 its to hard to learn dutch for non Dutch people 😛

I think this is the solution:

.home-section-7 {
    background: url("//mtbwoonark.nl/wp-content/uploads/2015/10/Moestuinlaan3e7.jpg") no-repeat center center fixed ;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

[mbangayan]

Heheh that's true 🙂

Yeah i added the your code but it looks like the background pic just vanished :S

I see your mail. is it ok i mail you? 🙂

[[email protected]]

Take a look at your url:

url(""//mtbwoonark.nl/wp-content/uploads/2015/10/Moestuinlaan3e7.jpg\"") no-repeat fixed center center / cover

Its double "" and \ after jpg

This is the good url:

url("//mtbwoonark.nl/wp-content/uploads/2015/10/Moestuinlaan3e7.jpg")

that will solve the problem.
U can send me a email to: [email protected]

[mbangayan]

hey Tim! thanks HELD!

I actually went trought the style and just copied the home-section 5

added .home-section-7 and worked perfectly ehhe ) with the scrolling effect..

Just a trial-error for me..

.home-section-7 {
background-attachment: fixed;
background-color: #fff;
background-position: 50% 0px;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

But thanks!!

[Author]

Posts