That didn’t work. I added this to the bottom of page.php in my enfold theme folder (the child folder had no page.php file):

<div id=”disqus_thread”>
<?php disqus_embed(homesmartsecure.disqus.com); ?>
</div>

And I added this to the bottom of function.php in my enfold CHILD theme folder:

function disqus_embed($disqus_shortname) {
global $post;
wp_enqueue_script(‘disqus_embed’,’http://homesmartsecure.disqus.com/embed.js’);
echo ‘<div id=”disqus_thread”></div>
<script type=”text/javascript”>
var disqus_shortname = “‘.$disqus_shortname.’”;
var disqus_title = “‘.$post->post_title.’”;
var disqus_url = “‘.get_permalink($post->ID).’”;
var disqus_identifier = “‘.$disqus_shortname.’-’.$post->ID.’”;
</script>’;
}

I only want the comments on this one page, NOT all my pages, but I can’t get it to show up at all on anything but a blog post and I don’t have to do anything for that.

If I can’t add disqus comments to this page (which I really want to do), can I at least add the theme’s comments to this one page somehow, not all of them?

Thanks,
It kind of works. I used the following code for my top wave:
#wave-section-up {
margin-top: -50px;
background-color: transparent !important;
z-index: 9999;
}

and if you notice, the wave is not stretched beyond the screen and there is VERY little white space in the section, but the code you posted for the bottom stretches the image beyond the screen and leaves a huge block of white space there (and it’s not padding from the form, it seems to be space in the image color section itself even though it is set to no padding).

How can I clean that up please?

Edit: I’ll change the color of the section near the waves so you can see the difference more noticeably.

Edit: Got it working perfectly with the following code:
#wave-section-down {
margin-bottom: -100px;
background-color: transparent !important;
position: relative;
bottom: 50px;
z-index: 9998;
height: 120px;
}

#contact {
z-index: 9999;
}

Thank you for finally getting back to me. Really appreciate it. You can close this thread now.

• This reply was modified 10 years, 9 months ago by Alex.

Ismael, can you please help me with the last piece of this puzzle? The top wave is perfect, but the bottom wave (right below the send us mail form on the site) is mangled.

Thanks for all your help

bump

Thanks Ismael, that code worked great. Still new at this so didn’t know it was supposed to be transparent, not none.

That said, I tried to the same thing, just opposite for a bottom one and used a flipped png of the same banner and it’s not working. I placed it right below the send us mail form on http://homesmartsecure.com, but the solid color still shows where it should be transparent.

I created the same color section and labeled the dev id wave-section-down and in css I added the following:

#wave-section-down {
margin-bottom: 50px;
background-color: transparent !important;
z-index: 9998;
}

• This reply was modified 10 years, 10 months ago by Alex.

Something is off. the image is moved up 50px’s, but the background color of the wave is still white eve though it is a semi-transparent png file with the top part transparent and bottom solid white. Check out my site http://homesmartsecure.com to see what I mean.

I added background-color: none !important; to your code and placed all of it in custom css, because quick css never works for me. The solid white background should be clear. What am I doing wrong. Here’s my code:

.avia-section {
border: none !important;
}

#wave-section-up {
margin-top: -50px;
background-color: none !important;
}

#wave-section-down {
margin-top: 50px;
background-color: none !important;
}

I’ll try this out. The only issue i’ve found with this type of solution is that there is a black line that clearly shows where you place the color section. Is there a way to make the break clear instead of solid?

• This reply was modified 10 years, 10 months ago by Alex.

My website is http://homesmartsecure.com

Before:

After:

Divider:

• This reply was modified 10 years, 10 months ago by Alex.

I think I solved this.
I had Jetpack for WordPress installed and enabled, but I had not connected it to my wordpress.com account yet.
For whatever reason, this wouldn’t allow me to save my theme style settings, BUT Quick CSS code would apply code entered there.
I also noticed that my Appearance > Edit CSS (WordPress CSS Stylesheet Editor) was missing.

When I connected Jetpack to my wordpress.com account by logging in and authorizing it, changing theme style settings would stick now, Edit CSS appeared back under Appearance, Quick CSS no longer applied code entered there, but code entered in Edit CSS would apply now.

That worked, thanks. It’s a really heavy shadow though. Do you happen to know the settings for the shadow between layout elements?

Great stuff here btw. I love how customizable this theme is. Wish there were more options in theme options and a list of code snippets like this (a index of sorts that shows basics that apply to everything and then the specific calls for whatever element you want to change).

• This reply was modified 10 years, 10 months ago by Alex.

I’m getting that showing the image at full size on mobile is the desired effect. I assumed that the theme would try to maintain the aspect ratio meant for that section, like if the viewable portion of a 500lx400w image on the desktop version of the site was 200lx400w that it was still show that amount of the photo on the mobile, even if it didn’t have the parallax effect so it still looked like a dividing section and not just slapping a full size image on the page. Does that make sense? When I showed the mobile version to people, that was the first question everybody asked me. Why did you put that photo in right there? Then I had to explain that on the desktop, the whole image doesn’t show as it has a parallax effect that is viewable as you scroll.

I know you don’t want a crap load of js files, but this code for adding parallax to mobile is only 5k:
http://torontographic.wordpress.com/2012/08/11/so-you-want-parallax-scrolling-in-ios-ipad-and-ipod/

Just a thought.

• This reply was modified 10 years, 10 months ago by Alex.