Parallax page?

Posted in: Newspaper
Post count: 18

Hi, is there any way to create a page (instead a blog post) with parallax just like this one in the demo: http://demo.tagdiv.com/newspaper/popular-people-who-everyone-seems-to-love/ ?

Thanks

Post count: 6600

Hi,

Yes, you can use the “Homepage – bg – no article list” page template for your Homepage http://screencast.com/t/VTFrs9KuFE And then you can hide the big slider using this css:

.page .td-big-slide-background .td_block_big_grid {
display: none;
}

Result: http://screencast.com/t/Zwocn3wz26aU

Thanks

Post count: 18

Amazing simple, thanks =]

Post count: 18

Hi Lucian, the noticed now that our newspaper theme is “kinda boxed”, since none of full width sections are working. Here’s our the page we are trying to use as the parallax demo:
http://ambrosia.virgula.uol.com.br/circuito-ambrosia/

Any thoughts? I just updated the theme to the newest version and remove all customizations, just added the top bars.

Thanks

Post count: 6600

Hi,

Yes, please make sure you have the background set to default from theme panel > theme colors, like this: http://screencast.com/t/lIwhWepeg6p This is the reason for your layout it’s boxed.

Thanks

Post count: 18

Thanks again, works like a charm and solved this width issue we’re trying to fix =]
best regards

Post count: 7

Hi Lucian,

I also want to use a full-width background, but with a Title, Sub-title and CTA in the same div element where there is the background picture.

I had followed your instruction above, but to no avail.

please see the site here

Post count: 6600

Hi,

You would have to place the code for them here: http://screencast.com/t/oVGKzHWhn
This is the code I used there as an example:

echo '<span class="my-custom-title">MY TITLE</span>';

And this is how it looks: http://screencast.com/t/vqHVNFI3O8
You can style it to look like you want via css, use the class add to span tag:
This is the css I used:

span.my-custom-title {
position: relative;
width: 100px;
height: 100px;
background-color: transparent;
font-family: fantasy;
font-size: 100px;
color: aliceblue;
}

Modify it as you like or write another.
Use the same method to add other elements. If you don’t have any css and html knowledge we recommend to hire a freelancer to do this for you.

Thanks

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.