Hi, yes, you can start with a landing page. What exactly do you have in mind?

I want to make my image full, like this http://clapat.ro/themes/grenada-wordpress/grenada_portfolio/born-wild/ so it really full width without black bar betweet them, how to make it like that?

Those images stretching full width have a CSS class ‘full’ added to their container. So you could build a page with a full width image at the top? Thanks

OK, thanks, you need to open a private ticket on clapat.ticksy.com and provide your site url. Maybe we need wp admin access as well. Regarding background color: find this bit in /js/scripts.js

if ($("#page-content").hasClass("light-content")) {
            $("main, nav").css('background-color', '#0f1010');
            $('#magic-cursor').addClass('light-content');
            if( $('#hero').length > 0 ){                        
                if( $('#hero').hasClass("has-image")) {    
                    $("header").css('background-color', 'transparent');
                } else {
                    $("header").css('background-color', '#0f1010');
                }
            }
        } else {
            $("main").css('background-color', '#fff');
            $("nav").css('background-color', '#0f1010');
            $('#magic-cursor').removeClass('light-content');
            if( $('#hero').hasClass("has-image")) {    
                $("header").css('background-color', 'transparent');
            } else {
                $("header").css('background-color', '#fff');
            }
        }

Set the value for the background color #fff or #0f1010 depending on the background type, and hard refresh your page (Ctrl+F5) after saving the file. Thanks

Hi there, l’ve got a question on how to change grenada_portfolio permalink

Hi, You can go to customizer -> portfolio settings to change the custom slug. Just enter your own and after saving the changes go to Settings -> Permalinks and press ‘Save’ to refresh them.

In order to completely remove it you may want to use a plugin:

https://wordpress.org/plugins/remove-cpt-base/

Hi, responded to your ticket. Thanks

Me too. Tks

Hello, you specify for a collage image the full version and the thumbnail version, they can be different. Thanks

We also responded to your ticket. Thanks

Hi there! this is custom work, not sure how when smooth scrolling is enabled the header is outside of the scrolling area. Thanks

Hi,

Please add this in Aditional CSS:

.justified-gallery { padding: 0!important; width:100%!important; margin: 0!important; }

It worked, thanks. Did you change anything with the last releases or is a bug ? Regards

Hello, the ‘zoom’ factor you mentioned is always variable and depends on the original video aspect ratio and current viewport size. Thanks

The zoom factor ist variable – okay! But where can I adjust the zoom factor? All videos have a size of 1920×1080px.

Yes, let’s suppose the video has 1920×1080, this video will display differently in different viewport sizes as explained here: https://clapat.ticksy.com/article/7379

Hello, with custom work so that you add a new option in portfolio options (/include/metabox-config.php) and read that option and apply it in /sections/portfolio_section_item.php instead of

$item_url = get_the_permalink();

line 26

You could use different homepages on different devices, I think that there are plugins out there doing that. Thanks

This is the link to online documentation http://clapat.ro/themes/grenada/documentation/ describing all the options and settings.

The Wp Bakery Page Builder (formerly known as Visual Composer) is shipped with the theme and has a shared license. This is why we are able to offer it for free. However, you don’t have access to automatic updates.

You will either have to buy a full license or contact us to update it. We periodically release theme updates which contain the latest version of the plugin as well.

Thanks

I am a UX designer with no coding skills. Do you think I will be able to use this theme without developer assistance? Also, will I get the updates forever?

Depends what you are looking for. If you want a minimal theme with clean, simple looking content then Grenada is for you. We recommend the default Gutenberg editor since it’s ajax friendly. Ajax page transitions can be set on and off. If you have ajax off you can use WPBakery without problems otherwise we provide a child theme providing basic compatibility between ajax and wpbakery elements. Thanks

Hi, can you send your site url? Thanks

Hi, what do you mean exactly? Can you give us more details? Thanks

Exactly the second way. Next above the line Big and the name of the next portfolio page under the line when hover. Thanks

Hello, you need to open /include/hooks-config.php and modify grenada_prev_post_link or grenada_next_post_link depending on what is the setting in customizer -> portfolio settings -> portfolio navigation order from

$output = '<!-- Project Navigation --> ';
                    $output .= '<div id="project-nav">';
                    $output .= '<div class="next-project-wrap">';
                    $output .= '<div class="next-project-image" style="background-image:url(' . esc_url( $grenada_hero_image['url'] ) . ')" />';
                    $output .= '<a class="next-project-title next-ajax-link-project hide-ball " data-type="page-transition" href="'. esc_url( get_permalink( $next_post ) ) .'">';
                    $output .= '<div class="main-title">' .  wp_kses_post( $grenada_hero_title ) . '</div>';
                    $output .= '<div class="main-subtitle">' . wp_kses_post( $grenada_theme_options['clapat_grenada_portfolio_next_caption'] ) . '</div>';
                    $output .= '</a>';
                    $output .= '</div>';
                    $output .= '</div> ';     
                    $output .= '<!--/Project Navigation -->';

to

                    $output = '<!-- Project Navigation --> ';
                    $output .= '<div id="project-nav">';
                    $output .= '<div class="next-project-wrap">';
                    $output .= '<div class="next-project-image" style="background-image:url(' . esc_url( $grenada_hero_image['url'] ) . ')" />';
                    $output .= '<a class="next-project-title next-ajax-link-project hide-ball " data-type="page-transition" href="'. esc_url( get_permalink( $next_post ) ) .'">';
                    $output .= '<div class="main-title">' . wp_kses_post( $grenada_theme_options['clapat_grenada_portfolio_next_caption'] ) . '</div>';
                    $output .= '<div class="main-subtitle">' . wp_kses_post( $grenada_hero_title )  . '</div>';
                    $output .= '</a>';
                    $output .= '</div>';
                    $output .= '</div> ';     
                    $output .= '<!--/Project Navigation -->';

Hope I got the code right I have not tested it. Thanks

Thank you very much! I just needed the right place cause I didn’t find it.

Hello! With custom CSS and a bit of custom work because we don’t have a theme option on/off for this. Thanks

Hey, okay that’s fine. What ’s the device you are previewing the site with? Thanks

on galaxy S9 plus

It happens on all devices with bottom bar when you are previewing a fullscreen slider. The viewport is the same as the phone screen size however the top bar has a relative position which moves down the content and the bottom bar has a fixed position which overlaps the content. Therefore the vertical scroll. Thanks

Hi plz remove

#image-slider::after {
    content: "";
    width: 100%;
    height: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

from portfolio.css line 275

Thank you very much.

Sorry, last question. I wish to remove “grenada_portoflio” on the link of my portfolio pages

http://freesomeclub.com/grenada_portfolio/sonya/

Please see the Portfolio Options section: http://clapat.ro/themes/grenada/documentation/theme-options.html

Hey, if you disable ajax page transitions in theme options -> general settings you should be fine. Thanks

You should disable smooth scroll in appearance -> theme options -> general settings to have the browser’s scrollbars The button has a different effect on hover. The link has these styles concerning hovering

a.link:hover::before, p a:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

Thanks

Thank you – I do want the scroll bar but also I need to have smooth scroll on… can you advise if it’s possible to have it on?

One final thing – when you scroll down the page is it possible to add a class to the header so I can add a black strip behind it? Otherwise white nav text gets hidden behind white page… I looked at scripts.js there is some code for scrolling there but just wondered what to edit?

Hi

plz try removing

.scrollbar-track {
    background: transparent !important;
    display: none !important;

from line 1953 in style.css

second question – can you give us more details and actually your site url so we can see clearly what’s the pb you are trying to solve. thanks

Hello, you can go to /sections/hero_section.php and remove lines 18 to 28

        <!-- Hero Section -->
        <div id="hero">
           <div id="hero-styles" class="parallax-onscroll">
                <div id="hero-caption" class="">
                    <div class="inner">
                        <h1 class="hero-title"><?php the_title(); ?></h1> 
                    </div>
                </div>                    
            </div>
        </div>                      
        <!--/Hero Section -->

thanks

Hello, yes there is. add a custom class to the block in Additional CSS classes and then specify in customizer -> additional CSS

@media only screen and (max-width: 767px) {
   .hide-on-mobile{
       display: none;
   }
}

Thanks