[Kyle – SUPPORT]

http://kylecraven.co.uk

Still some work to do on my portfolio but here’s how it’s looking so far.

This is using my child theme of Dante. If anybody is interested in customisation please email me on: [email protected]

[Kyle – SUPPORT]

Add full width masonry layout: http://themenectar.com/demo/salient/portfolio-fullwidth-masonry/

[Kyle – SUPPORT]

SOLVED

Anybody else who wants to do this just simply add this to your function.php file:

function oddeven_post_class ( $classes ) {
global $current_class;
$classes[] = $current_class;
$current_class = ($current_class == ‘odd’) ? ‘even’ : ‘odd’;
return $classes;
}
add_filter ( ‘post_class’ , ‘oddeven_post_class’ );
global $current_class;
$current_class = ‘odd’;

[Kyle – SUPPORT]

If you still need somebody for this please send me an email: [email protected]

Kyle

[Kyle – SUPPORT]

Not to worry

I decided against it because it would not work very well on iPhone.

Thanks

Kyle

[Kyle – SUPPORT]

Sorry I managed to fix this.

Just added the page-id class to the css e.g.

.home #maincontainer {
display: none;
}

[Kyle – SUPPORT]

Please give solution for this, I have same problem

[Kyle – SUPPORT]

Did you find a solution to this? I have the same problem, installed the plugin and it breaks the visual editor completely.

[Kyle – SUPPORT]

It would be good to have a carousel shortcode where you can add anything inside, siilar to Salient:

[carousel easing="linear" carousel_title="Test" scroll_speed=""]
[item] content here [/item]
[item] content here [/item]
[item] content here [/item]
[item] content here [/item]
[/carousel]

[Kyle – SUPPORT]

Thanks for fast reply Ed

How do I save the functions.js in my child theme so that it overrides the parent?

-Kyle

[Kyle – SUPPORT]

What is it that causes the header to resize? I want it to stick but not resize, how can I do this?

Kyle

[Kyle – SUPPORT]

Thanks Ed

I did solve it, however your solution is much simpler, I don’t now why I didn’t think to do it that way.

I did:

if (body.hasClass('mini-header-enabled') && stickyHeaderMobile) {
				header.stickyHeaderInit();
				$window.scroll(function() { 
					var scrollTop = $window.scrollTop(),
						stickyHeader = jQuery('.sticky-header'),
						headerHeight = jQuery('#header-section').height(),
						headerPrev = jQuery('#header-section').parent().prevAll(),
						headerOffset = 0;
					
					jQuery.each(headerPrev,function() {
						headerOffset += jQuery(this).height() + parseInt(jQuery(this).css('marginTop')) + parseInt(jQuery(this).css('marginBottom'));
					});
					
					if (jQuery('#top-bar').length > 0) {
						headerHeight = headerHeight + jQuery('#top-bar').height();
					}
					
					if (scrollTop >= headerOffset + 30) {
						stickyHeader.addClass('sticky-header-resized');
					} else if (stickyHeader.hasClass('sticky-header-resized')) {
						stickyHeader.removeClass('sticky-header-resized');
					}
				});	
			}

[Kyle – SUPPORT]

Hi Ed

This was really simple I just cut the code for the slideshow and pasted it above the header (see below)

<!--// OPEN #container //-->
		<?php if ($page_layout == "fullwidth") { ?>
		<div id="container">
		<?php } else { ?>
		<div id="container" class="boxed-layout">
		<?php } ?>
			
            <!--// SLIDESHOW - moved above header //-->
            <?php if (is_page()) {
					global $post;
					$show_posts_slider = get_post_meta($post->ID, 'sf_posts_slider', true);
					$rev_slider_alias = get_post_meta($post->ID, 'sf_rev_slider_alias', true);
					$layerSlider_ID = get_post_meta($post->ID, 'sf_layerslider_id', true);
									
					if ($show_posts_slider) {
						sf_swift_slider();
					} else if ($rev_slider_alias != "") { ?>
						<div class="home-slider-wrap">
							<?php putRevSlider($rev_slider_alias); ?>
						</div>
				<?php } else if ($layerSlider_ID != "") { ?>
					<div class="home-slider-wrap">
						<?php echo do_shortcode('[layerslider id="'.$layerSlider_ID.'"]'); ?>
					</div>
				<?php }
					}
				?>
            
			<!--// HEADER //-->
			<div class="header-wrap<?php echo $header_wrap_class; ?>">
				
				<?php if ($enable_top_bar) { ?>
					<!--// TOP BAR //-->
					<?php echo sf_top_bar(); ?>
				<?php } ?>	
					
				<div id="header-section" class="<?php echo $header_layout; ?> <?php echo $logo_class; ?>">
					<?php echo sf_header($header_layout); ?>
				</div>

			</div>
			
			<!--// OPEN #main-container //-->
			<div id="main-container" class="clearfix">
				
            <!--// SLIDESHOW WAS HERE //-->
                
				<!--// OPEN .container //-->
				<div class="container">
								
					<!--// OPEN #page-wrap //-->
					<div id="page-wrap">

The only problem I had with this is the sticky header. The padding above the logo and navigation reduces from 15px to 10px when you start to scroll, because if the header was at the top of the page it would change to the sticky header, however I need the padding to stay at 15px until you scroll past the slideshow & header.

I have attached 3 screenshots below, the header before scroll, the header after scroll and then when it gets to the sticky header.

As you can see on the 2nd screenshot the padding above the menu and logo has been reduced.

– Kyle

[Kyle – SUPPORT]

Yes this worked. Thanks Ed & Team

Following from our emails discussing getting into WordPress Development, I am setting myself the task of child themeing Dante. Look forward to showing it you.

Thanks

Kyle

[Kyle – SUPPORT]

Thanks!