Hey ejm205,

Those are videos, and Salient includes a video player element that allows you to place your own videos. All the videos on that page were created using After Effects.

Thanks SiteTonight!

Cheers

Hey toolbox101,

It’s javascript based with intersection observer. The native loading attribute is very new and not widely supported yet: https://caniuse.com/#feat=loading-lazy-attr

Hey ofmarconi,

Unfortunately there’s no functionality to accomplish that built into Salient.

Hey crosslateral!

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:

@media only screen and (min-width: 1000px) {
body .nectar_team_member_overlay {
    opacity: 0;
    pointer-events: none;
    max-width: 1000px;
    height: 50vh;
    box-shadow: 0px 20px 70px rgba(0,0,0,0.3);
    transform: translateX(-50%) translateY(-50%)!important;
    top: 50%;
    left: 50%!important;
    transition: opacity 0.6s cubic-bezier(.2,1,.2,1);
}

body .nectar_team_member_overlay {
    opacity: 1;
    pointer-events: all;
}

}

Cheers

Hey team!

When I insert the code, the content is really off proportions.

In the popup, how to:

(1) make text area 70 % and image area 30 % of popup width, (2) shrink the padding so the text uses more of the text area width and (3) shrink the text sizes (the two headings and body text) and social media icon size in that popup?

Cheers, Mr. Cross

Hey Mr. Cross, you can add this in as well for that:

body .nectar_team_member_overlay .team_member_details {
  width: 70%;
  padding: 5%;
}
.nectar_team_member_overlay .team_member_picture {
  width: 30%;
}

.nectar_team_member_overlay[data-style="bio-fullscreen-alt"] .team_member_details h2 {
  font-size: 24px;
  line-height: 1em;
}
.nectar_team_member_overlay.open .team_member_details .team-desc {
  font-size: 14px;
  line-height: 2em;
}
.nectar_team_member_overlay .bottom_meta a i {
    font-size: 20px;
}

Hey toolbox101, the CSS which remains in the head should be less than 8kb and is needed for dynamic theme options that change on a page by page basis. The bulk of the other global dynamic CSS, created based on theme options, is stored in salient/css/salient-dynamic-styles.css. The only way a large amount of CSS would be stored in the head is if your server is unable to write to that file (it would go to the head as a fallback). From the looks of your screenshot, that is not occurring.

Update – I just tracked it to specifically the “right-aligned-menu-items” div, thanks for pointing this out!

You can also correct it before the next release by using the following:

#header-outer .right-aligned-menu-items {
 pointer-events: all;
}

Cheers

No problem, glad we could help.

The code you have provided also works as a fix, thanks!

You’re welcome freschstudio

nevermind. found it

Thanks clixgroup!

For anyone else wondering, it’s populated from the “Off Canvas Menu” widget area in Appearance > Widgets.

Cheers

Hey kitebud,

You can use the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Hey dotdragon,

the Post Grid in Salient is a completely different element despite sharing the same name as the raw WPBakery element. Adding a new post type into the element would require copying the post-grid template file into a child theme and adding the option into the query.

http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/

I’m not trying to override anything, I just want to make a homepage that uses Pages instead of Posts in that masonry format, is that possible?

There’s no option to query for pages in the Salient post grid element, so adding that functionality would require overriding the existing element file currently. However, I’ve noted to add such functionality into Salient in a future release.

Hey bluedirtgirl,

I hope you’re doing well also

The notification you’re getting is related to a template override you have in your salient child theme. You’ll need to remove or update that file from your child theme in order to get the error cleared (or activate the parent theme). The Salient core theme does not include an override for that file. It would appear that someone who worked on your site in the past created that override for you.

Thank you! Keep well.

Glad I could help bluedirtgirl

Hey arteest!

1. Unfortunately I don’t have a specific plugin to recommend for twitter, but if you encounter any styling conflicts just let me know.

2. If you already have the full width footer layout activated, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:

#footer-outer[data-full-width="1"]  #copyright .container {
  max-width: 1400px;

}

Cheers

Hey Alan!

1. If you use the portfolio post type for this, in each project you could specify the instagram link by using the “external project url” field: https://ibb.co/7Vjpyrq

2. If you set the parent row to use equal height columns, the column heights should remain the same

Thank you for your reply I really appreciate it.

Is this not something that can be done with the Team Member feature or another method so I do not have to create 10-20 portfolio pages?

Best, Alan

Hey Alan,

There’s no option to use a masonry layout with the team members. If you do not need the masonry aspect, it would be easiest to just use a fancy box

Cheers

Hey mohammed_burhani,

You can achieve something similar, but not exactly. For example, Salient doesn’t have a single post layout like that where the sharing toolbox is fixed to the screen. You could achieve a home page that functions in a similar matter by using multiple blog/recent post elements on the page. Our recent blog demo uses the same method: http://themenectar.com/demo/salient-blog-ultimate/

Hey Mr. Cross!

Could you share the URL that shows the issue when using mailto:

Thanks in advance

Hey liamsiviter,

I copied your custom CSS into a local setup to take a closer look – it appears as though you have some syntax errors in CSS rules above the testimonial rule, which are preventing any CSS below from processing. Please correct or remove the following items with red x’s in the css box: https://ibb.co/SVLWKkZ

I’ve also noted to correct this font issue in the next release.

Cheers

Hey j0nthn! You can remove it by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:

body .nectar-fancy-box[data-style="color_box_hover"]:before {
  display: none;
}

Cheers

Thanks! That fixed it

You’re welcome j0nthn

Can you please show where to find the settings? Would really appreciate it!

Cheers

(Would it be a nice suggestion in coming version/update to have styling for that text somewhere more convenient, for instance the Salient options panel? If possible! )

Hey crosslateral!

Please see the following in regards: https://ibb.co/RTKDbDL

Hey MarcGarner,

The checkout page is mostly controlled through WooCommerce in terms of the layout. We’ve only modified minor things to match Salient better. Here’s the default checkout template

I’ve noted your requests

Hey toolbox101,

the fix for that will be included in the first minor release. If you’d like it early, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Thanks, I’ll wait for the fix.

Will the Post Grid’s external projects not opening in a new link also be fixed with the next update?

Hey toolbox101, we’ll include an option for that.