Hey WpMake,

Can you please try this css with that template and show me the overlapping issue you’re referring to?

#header-space, #header-outer, #footer-outer {
    display: none;
}

Cheers

Hello, I managed to edit this with php, and this css you provided also work on static pages. Thank you.

Cheers

You’re welcome!

Cheers

Hey Kuningasidea, Soundcloud was added in 3.1

Cheers

Hey Stefan! Your css is all minified so it’s hard to say where the issue lies – can you deactivate your minfication for a second so I can take a peek?

Cheers

It looks like this was an ‘Minify’ issue. Disabled the minify-option and now it seems to be back at normal. Thanks a lot!

You’re welcome!

1. Your WP admin credentials – for this, you could open a private ticket in regards http://themenectar.ticksy.com/

2. The logos were created by me and you’re free to use (in the clients carousel) and the coding video bg was created by me as well, which you can also freely use. The others would most likely require attribution for the appropriate copyright holder in order to use in your own project.

Cheers

Hello Phil!

I have left a response on http://themenectar.ticksy.com/ticket/168420

Cheers

Thanks! I’ll be with you as soon as I can

Hey again!

1. All of the bottom images are showing that they’re displaying at the full size which is 2048px for the width – unfortunately I don’t have a retina desktop monitor/laptop to check this in, but the code is showing as if there wouldn’t be an issue.

2. Add this into the Custom CSS box located in your Salient Options panel:

@media only screen and (min-width: 1300px) {
  html body .portfolio-items .elastic-portfolio-item {
      width: 24.98%!important;
  }
}

Cool Thanks! I will check it out on my big screen monitor at work. It seems to work fine on my laptop.

I guess the media uploader through Wordpress is kinda funky, it crashes a bunch, so the distortion of images is probably happening because of that.

Okay sounds good! Just let me know if there’s any updates

Cheers

here’s the screenshot of our conversation from here: http://i.imgur.com/e6g8cYE.jpg

You asked me 19 days about this bug to which I responded the fix would be out in the update which was due the following week (2 weeks ago from now).

The fix is javascript oriented and if you modified the theme without using a child theme and can’t update – open your init.js file located in the js folder and change this:

/***************** Milestone Counter ******************/
if(!$('body').hasClass('mobile')) {
    $('.nectar-milestone').each(function() {
        //symbol
        if($(this).has('[data-symbol]')) {
            if($(this).attr('data-symbol-pos') == 'before') {
                    $(this).find('.number').prepend($(this).attr('data-symbol'));
            } else {
                    $(this).find('.number').append($(this).attr('data-symbol'));
            }
        }

        //animation
        $(this).appear(function() {
            var $endNum = parseInt($(this).find('.number span').text());
            $(this).find('.number span').countTo({
                from: 0,
                to: $endNum,
                speed: 1500,
                refreshInterval: 30
            });
        },{accX: 0, accY: 0});
    }); 
}

to this:

/***************** Milestone Counter ******************/

$('.nectar-milestone').each(function() {
    //symbol
    if($(this).has('[data-symbol]')) {
        if($(this).attr('data-symbol-pos') == 'before') {
            $(this).find('.number').prepend($(this).attr('data-symbol'));
        } else {
            $(this).find('.number').append($(this).attr('data-symbol'));
        }
    }
});

if(!$('body').hasClass('mobile')) {

    $('.nectar-milestone').each(function() {
        //animation
        $(this).appear(function() {
            var $endNum = parseInt($(this).find('.number span').text());
            $(this).find('.number span').countTo({
                from: 0,
                to: $endNum,
                speed: 1500,
                refreshInterval: 30
            });
        },{accX: 0, accY: 0});
    }); 
}

Cheers

Problem solved. Looks sleek. Thanks.

You’re welcome

Hi again, on a similar note, I’d really like to slow down the hover effect on the thumbnails of the portfolio so the title and transparent layer come us slowly.

Is there a place I can change the transparent layer that hovers over the thumbnails to be a pattern (.png) ?

Thanks!

Hey apartment4!

1. Here’s the selectors to add into the Custom CSS box located in your Salient Options panel which you can use to alter this: (the Montserrat font will only work if you’ve already loaded it)

.portfolio-items .col h3 {
   color: #000!important;
   font-size: 20px;
   font-family: 'Montserrat'!important;
}
.portfolio-items .col p {
   color: #000!important;
   font-size: 10px;
   font-family: 'Montserrat'!important;
}

2. You’ll need to edit this in the init.js file which is located in the js folder. Search for this to end up at the right place:

//portfolio item hover effect

cheers

Hey lslhm1,

1. You have complete control over the header/footer in regards to coloring and size – if you want to change the font size and color in the main content you can do so in the editor with the standard available font options or globally change it through css.

2. This would indeed require css.

Cheers

Hey Amie, it will already do that automatically – but there’s a known bug in Chrome that will cause the first video bg in a slider to only play once if you have the infinite loop option for the slider on. This is being looking into, but now either turn that option off or use the video bg in any slide other than the first.

Cheers

Hey hodneyf!

Try adding this into the Custom CSS box located in your Salient Options panel:

.main-content iframe[src] { opacity: 1!important; }

It worked for now, but I will keep testing! Tks!

You’re welcome

Thanks a lot Brainart

Hey Globema!

Add this into the Custom CSS box located in your Salient Options panel:

body {
  overflow-x: hidden!important;
}

It was ‘solved’ by switching responsiveness ON. I don’t know why I switched that off, but now you know you have some bugs in non-responsive mode. Another bug if responsive is off: if you have, say 1 portfolio item that does not fill the browser window 100% vertically, then the lightbox (‘view larger’ button) only displays for the height of the website: Part of the image will disappear.

Hey jelmer85,

thanks for the report

Hey again,

Yes, only the header/footer font colors can be changed through color pickers – if you want a global font color change for a certain element you should make a css rule. If you need help with any specific rule just let me know

hi, I think I’ve found the reason… I have a nectar slide at the same page of the revolution slider, If I delete the nectar slide the revolution it’s fine. thanks

Hey elsa,

I’m glad you found the issue – also it’s worth noting that in Salient v3.0+ Revolution is supported as a page builder element so there’s no need to make custom templates.

Cheers

Hey imchou!

The arrows are hidden by default, but if you want to make them visible – add this into the Custom CSS box located in your Salient Options panel:

.swiper-container .slider-next, .swiper-container .slider-prev {
    display: block!important;
}

Thanks BMart

The sources are listed in the theme user guide in the “Dummy Data” section.

Cheers

Hey Amie,

back in the init.js – change this line:

var $scrollBar = ($('#ascrail2000').length > 0 && window.innerWidth > 1000) ? -13 : 0;

to this:

var $scrollBar = ($('#ascrail2000').length > 0 && window.innerWidth > 1000) ? 0 : 0;

Cheers

Hey MalmMedia!

1. You can just use the admin panel – where deleting a theme is almost instant. Just enable any other theme to show the option to the delete Salient and then proceed normally.

2. Use a child theme https://codex.wordpress.org/Child_Themes

3. The option to define your own date format is being added in the next release.

4. Add this into the Custom CSS box located in your Salient Options panel:

body article.post .post-header h2 a {
   font-size: 34px!important;
   color: #000!important;
}

5. Yes, add this into the Custom CSS box located in your Salient Options panel:

header#top .col {
    display: block!important;
    float: none!important;
    width: 100%!important;
}

Cheers!

I said no rush! This is awesome and better yet, everything worked on first time.

We love you here!

No worries & you’re very welcome

Cheers!

Hey OcalaWebsiteDesigns,

If you update to the most current version there’s already logic in place to not use the default theme OG data if Yoast is active

Cheers

You know, I always update first, not sure why I didn’t do it this time…. sorry to waste your time, i’ll update it later today!

No worries!

Cheers