OK, I got it!

The first section of the Pricing page has a white background so your mask works fine since the title area section also has a white mask. But the first section of the Tarifs page has a grey background so it doesn’t seem to work when it places at the bottom of a white mask from title area.

So you should change the background color of the first section of the Tarifs page by editing this page to edit the first row and change Background Color option from Dark to Light.

indeed it work like a charm ! Thanks.

You’re welcome

Hi,

1. You need to add the custom HTML to create your 2 columns text. Add a Text Block element to the page. In the text editor, switch from Visual mode to Text mode and insert the code below into the text area:

Please note: You should add the code in Text mode only, it won’t work when you add it in Visual mode. Also, it won’t display as 2 columns in the text editor preview mode but it will work when you preview on your live website.

2. Edit the row and change the Padding Size option. Also, you can change this option to “No Padding” and set your custom padding size in Design Options tab instead.

3. If you’re talking about the title of a post in the blog single post (post detail page), you can add the custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

.single .post-title{
    display:none;
}

</style>

You can replace the page loader with your own image by adding the custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
#preloader{
    background:url('https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png') no-repeat center center;
}
#loading-animation{
    display:none;
}
</style>

Hi,

If you’d like we can provide the code for creating the text overlay on a team member photo, please follow the steps below to edit the team member slider:

1. Edit the team member slider shortcode template in “shortcodes/templates/team_slider.php”.

2. Replace the whole code in this file with the new one below:

<?php

    $atts = vc_map_get_attributes( $this->getShortcode(), $atts );
    extract( $atts );

    $attrs = array();

    $classes = array();

    $classes[] = 'team-slider';

    if( !empty($el_class) ){
        $classes[] = $el_class;
    }

    $attrs['class'] = implode(' ', $classes);

    if($animation) $attrs['data-animation'] = $animation;
    if($animation_delay) $attrs['data-animation-delay'] = floatval( $animation_delay );

    $slider_attrs = array();

    $slider_attrs['class'] = 'owl-carousel';

    $slider_attrs['data-items'] = intval( $visible_items );
    $slider_attrs['data-auto-play'] = ($auto_play =='true' ? 'true':'false');
    $slider_attrs['data-navigation'] = ($show_navigation =='true' ? 'true':'false');
    $slider_attrs['data-pagination'] = ($show_pagination =='true' ? 'true':'false');

    if ( $count != '' && ! is_numeric( $count ) ) $count = - 1;

    list( $query_args, $loop ) = vc_build_loop_query( $posts_query );

    $query_args['post_type'] = 'team-member';
    $query_args['posts_per_page'] = intval( $count );       
    $query_args['has_password'] = false;       

    $blog_posts = new WP_Query( $query_args );

    $image_size = 'medium';
    if( intval( $visible_items ) < 3) $image_size = 'large';

?>
<div echo="" wyde_get_attributes="">>
    <?php if( $title || $content): ?>      
    <div class="content-header">
        <?php if( !empty($title) ): ?>
        <h2><?php echo esc_html( $title );?></h2>
        <?php endif;?>
        <?php if( !empty($content) ): ?>
        <div class="post-desc"><?php echo wpb_js_remove_wpautop($content, true);?></div>
        <?php endif;?>
    </div>
    <?php endif; ?>
    <div echo="" wyde_get_attributes="">>
        <?php while ($blog_posts->have_posts() ) : $blog_posts->the_post(); ?>
        <div class="team-member">
            <div class="member-image">
                <span>
                <?php    
                $image = get_post_meta( get_the_ID(), '_meta_member_image', true);
                if($image){
                    $image_id = get_post_meta( get_the_ID(), '_meta_member_image_id', true);
                    $image_attr = wp_get_attachment_image_src($image_id, $image_size);
                    if($image_attr[0]) $image = $image_attr[0];
                } 
                if($image){
                    echo sprintf('<img src="%s" alt="%s" />', esc_url( $image ), esc_attr( get_the_title() ));
                }
                ?>
                </span>
            </div>
            <div class="member-detail">
                <h4><?php echo esc_html( get_the_title() ); ?></h4>
                <p class="member-meta"><?php echo esc_html( get_post_meta( get_the_ID(), '_meta_member_position', true ) ); ?></p>
                <div class="member-content">
                    <?php echo wyde_get_the_excerpt(130, '<a href="#">'. __('More', 'Vela') .'</a>'); ?>
                </div>
                <div class="member-full-content" style="display: none;">
                    <?php echo get_the_content();?>
                </div>
            </div>
        </div>
        <?php endwhile;?>
        <?php wp_reset_postdata(); ?>
    </div>
</div>

3. Add the custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">

    .team-slider .team-member:hover img {
        opacity: 0.4;
    }

    .team-slider .team-member .member-detail h4{
        color:#fff;
    }

    .team-slider .team-member .member-detail{
        position: absolute;
        bottom: 0;
        color:#fff;
        background: none;
        border: none;
        -webkit-transform:translateY(100%);
        transform:translateY(100%);
        -webkit-transition:all 0.3s;
        transition:all 0.3s;
    }

    .team-slider .team-member:hover .member-detail{
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }

</style>

Hope this helps!

Hi,

Seems like it’s working now!

When you import the demo content, the portfolio images won’t be imported, you should add the featured images so they will appear in your portfolio grid. Navigate to Portfolio section, edit your portfolio and set the featured image.

Yes, I did get that working. But I’m having other problems with the portfolio. The sorting feature seems to only sort what’s visible right then, which kind of makes it pointless. Additionally, I can’t seem to change anything that’s visible when the portfolio image is clicked. Ideally, I’d like it to just open the image full size rather than go to another page, if possible. But right now I make changes within that portfolio item and nothing is reflected. The one I’ve made changes to is http://www.hi-defcoatings.com/patterns/kryptek-neptune/

1. We will look into this sorting feature to improve it in our next update.

2. This theme has no option to open the full size of image when you click on portfolio item, it will only go to the portfolio detail page as you see on our demo site -> http://wydethemes.com/vela1/masonry-full-width/.

3. I just clicked on your link but it brings me to the blog page. I suppose this is a permalink caching issue, if you’ve changed the Portfolio Slug option in Theme Options -> Portfolio but it won’t work, you should clear the permalink settings by navigating to Settings -> Permalinks on your admin menu, in Common Settings section choose Post name and save changes.

Hi,

Sorry for our late reply!

You can remove the hover color of menu items in the header by adding the code below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
.nav > ul > li:hover > a, 
.nav > ul > li.active > a, 
.header .menu-cart:hover > a, 
.header #search:hover{
   background:none;
}
</style>

Sounds like there is an error while importing sliders, make sure you’ve ZipArchive extension ( http://php.net/manual/en/class.ziparchive.php ) installed and enabled on your host since the Revolution Slider importer requires ZipArchive class for importing sliders.

You can remove the hover color of menu items in the header by adding the code below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
.nav > ul > li:hover > a, 
.nav > ul > li.active > a, 
.header .menu-cart:hover > a, 
.header #search:hover{
   background:none;
}
</style>

Thank you for your quick reply, however that doesn’t help me. I cannot access the backend of my site or dashboard at all. I just get that error message in my previous post when i try and access any page on my site. I can’t even login. I only have access to cPanel via my server so is there another way?

Sorry, if you can’t access your dashboard, you should delete the vela theme folder via cPanel File Manager. After delete the theme folder you can access your dashboard to delete Visual Composer from your site.

Awesome, that fixed it. Thank you.

Hi,

Sorry but you can display only portfolio title on the portfolio page, there is no option for adding an image captions so it can’t display image captions on the portfolio page and in the lightbox.

Also, in this theme the title of lightbox has been removed by default.

This is true, I had to switch to the one page option to achieve what I wanted, while that option is not checked I still have a gap at the top. I would like the ability to choose if I don’t want to use the one page option. Thought this might have been a common question, I have changed it back for the time being so you can see what I’m talking about

Sorry but default page template that you’re currently using for your home page will have a gap at the top since this template use for creating a blog page and blog post, when you create a page please don’t forget to change the template to “Full Width”, see the image below:

Also, when you switch to One Page website you won’t see a gap since the One Page will use Full Width template instead.

Knew it was easy, thanks now!

Hello,

Please send us your site URL and admin login credentials in the contact form -> http://themeforest.net/user/wyde#contact so our support can investigate this issue and help you out.

Thank you Wyde Team , you guys helped me out so much, if someone reads this. Wyde theme got a great customer service!

Thank you for your kind comments You’re welcome!

Hi,

After you install and activate the theme, you will see a notification message to install the required & recommended plugins. Click on Begin installing plugins, and install the plugins. Also, you can import the demo content in Theme Options -> Home, choose a demo to import. For more details on how to install the theme and import demo content please follow the instructions in our documentation.

If it still doesn’t work, please send us your site URL and admin login credentials in the contact form -> http://themeforest.net/user/wyde#contact so our support can investigate this issue and help you out.

Hi,

The Testimonials Slider is a FlexSlider, you can edit the code in “Vela/js/page.js”. Find a function named “initSlider”, you will see the code below:

var options = {
prevText: "",
...
...
}

slideshowSpeed: 7000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
animationSpeed: 600,            //Integer: Set the speed of animations, in milliseconds

Also, you can change the speed in the code if you’d like.

See more options here -> https://www.woothemes.com/flexslider/#gist9481310

Hi, This help a lot. Thanks!

You’re welcome

Btw it dont work for testimonials, only post or pages are availables for “Individual Posts/Pages/Custom Post Types”...

Also i dont know if it’s a bug or something, but a report it several times and it’s still not fix, but when you make a “list” you have an automatic back to line after that, and it’s impossible to edit your ex to remove it. So you have empty space that you can never fill or remove…

The “Individual Posts/Pages/Custom Post Types” field doesn’t support the testimonials in current update, it will work in the next update.

For a list issue, it should have the space at the bottom to separate the list from other text so we’ve added the margin to the bottom of the list by default.

However, if you’d like to remove the empty space at the bottom of the list, you can add the custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
dl, ul, ol{
margin-bottom: 0px;
}
</style>

Hi,

We’re sorry, there is a bug with the row ID in our recent update, this issue will be fixed in our next update that will be available in a few days.

Hello,

The image and title are in the slider, you can edit this slider in Revolution Slider section, see more on how to work with this plugin here -> http://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Hello,

By default, the Visual Composer will only appear when you edit the page, it won’t on blog post and portfolio post. If you’d like to use this plugin with your portfolio post. You should enable it in Visual Composer -> Role Manager, in Post types option choose Custom and select portfolio option to enable it, see more on how to setup Role Manager here -> https://wpbakery.atlassian.net/wiki/display/VC/Visual+Composer+Settings#VisualComposerSettings-RoleManager

Hi,

We will release a new update in a few hours.

Hi,

Vela 1.8.1 is now available! The anchor issue has been fixed in this update.

Anchor works great, thank you, I will re-visit the parallax issue shortly after I get approved for this job.

The text style of these headings have been set to uppercase by default. You can turn off these styles by adding the custom CSS below to Theme Options -> Advanced -> Head Content:

<style type="text/css">
h1,h2,h3{
text-transform: none;
}
</style>