Home › Forums › Air WordPress Theme › Cannot import demo
- This topic has 5 replies, 2 voices, and was last updated 5 years, 4 months ago by
SeaTheme.
-
AuthorPosts
-
December 17, 2020 at 9:43 am #23413
Hi!
Is there a way to achieve the same scrolling effect one can see in https://theme.seatheme.net/air/look-addict/, but on a normal page, not on a portfolio page? How can I do that?
Thanks in advance!
December 18, 2020 at 3:54 am #23426Hi
What’s the page? Could you please the URL? It may be possible by custom CSS, I need to check the lived web page.
Regards!
SeaTheme – SeaTheme.net – Twitter – Facebook
December 18, 2020 at 6:52 am #23434I still haven’t built a page for that purpose, for now I am using a post page for achieving that effect: http://smartlandsbygdtest.cust.wpeasy.se/om-smart-landsbygd/.
But I don’t want them to be a post, I want them to be pages. So, I want to have the exact same scrolling effect, but on pages.
Thanks in advance!
December 18, 2020 at 7:38 am #23436Hi,
There are 2 solutions:
1, install a redirection plugin(https://wordpress.org/plugins/redirection/) to redirect the page URL to the post URL2, You could use the page builder to create the layout, like (left: several Single image modules into a General wrap, right: one Text block) https://www.dropbox.com/s/9h5ammv20egq6jb/qq20201218-151212.jpg?dl=0
Set the Page settings: https://www.dropbox.com/s/cwje9cdxi8fkvby/qq20201218-153815.jpg?dl=0
To remove the left/right padding to window, please paste the custom CSS code to “Appearance > Customize: Additional CSS”
@media (min-width: 1200px) { .page-id-941 .pagebuilder-wrap > .container-fluid, .page-id-941 .pagebuilder-wrap > .container { width: 100%; padding: 0; margin:0; } .page-id-941 .text_block { margin-top: 200px; } .page-id-941 .row > .moudle { position: fixed; right: 0;} /*Fixed the Text module*/ }PS: 941 is the unique page ID refer to https://doc.seatheme.net/wordpress-faqs/custom/how-to-find-wordpress-post-page-id/
Regards
January 22, 2021 at 2:20 pm #23663Hi!
Thanks for the answer. The problem is that the page does not behave like the post. I am not sure you did understand my question? I really want to achieve the same scroll effect as seen on the post.
Post: http://smartlandsbygdtest.cust.wpeasy.se/om-smart-landsbygd/
Page: http://smartlandsbygdtest.cust.wpeasy.se/om-smart-landsbygd-sida/Do you understand what I mean?
January 23, 2021 at 3:16 am #23672Hi,
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
@media(min-width:768px) { .page-id-858 .wrap-all { overflow: initial; } .page-id-858 .pagebuilder-wrap > .container-fluid > .row div:last-child { position: sticky; top: 100px; } }Please don’t add other modules.
It only works for http://smartlandsbygdtest.cust.wpeasy.se/om-smart-landsbygd-sida/
If you want it works for other pages, update the CSS like@media(min-width:768px) { .page-id-858 .wrap-all, .page-id-xx1 .wrap-all, .page-id-xx2 .wrap-all { overflow: initial; } .page-id-858 .pagebuilder-wrap > .container-fluid > .row div:last-child, .page-id-xx1 .pagebuilder-wrap > .container-fluid > .row div:last-child, .page-id-xx2 .pagebuilder-wrap > .container-fluid > .row div:last-child { position: sticky; top: 100px; } }you need to find the page ID, add(replace) in the CSS.
Regards
-
AuthorPosts
- You must be logged in to reply to this topic.
