Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parralax pro full width custom pages
- This topic has 12 replies, 3 voices, and was last updated 8 years, 6 months ago by mbangayan.
-
AuthorPosts
-
October 5, 2015 at 7:59 pm #167513mbangayanMember
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
October 5, 2015 at 9:29 pm #167517Victor FontModeratorTry 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?October 6, 2015 at 4:39 am #167532mbangayanMemberHi 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??
October 9, 2015 at 3:28 am #167715[email protected]Memberremove the div "site-inner" at your subpage.
Maybe this can help:
http://www.billerickson.net/full-width-landing-pages-in-genesis/October 9, 2015 at 8:50 am #167724mbangayanMemberThank you Tim.Pons.. ill check it out..
Dank je wel!
October 12, 2015 at 2:30 am #167897[email protected]MemberNo Problem! I have anotther option i found this..
https://wpbeaches.com/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! 🙂
October 12, 2015 at 4:31 am #167903mbangayanMemberThank 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?
October 12, 2015 at 6:36 am #167908[email protected]MemberDo 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.)
October 12, 2015 at 8:15 am #167915mbangayanMemberTHANKS 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!
October 12, 2015 at 8:33 am #167917[email protected]MemberYes 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; }
October 12, 2015 at 8:46 am #167921mbangayanMemberHeheh 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? 🙂
October 12, 2015 at 8:55 am #167922[email protected]MemberTake 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]October 12, 2015 at 9:36 am #167926mbangayanMemberhey 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!!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.