Okay
  Print

Salient - Responsive Portfolio & Blog Theme

The package could not be installed. The theme is missing the style.css stylesheet A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing� error message being displayed when trying to upload or activate the theme. This error mess ...

Theme Installation Errors The Salient theme should install without any errors, although on some occasions people encounter errors so here are the most common errors and the solutions: The package could not be installed. The theme is missing th ...

4 | Installing and Updating Salient Visual Composer (Bundled with Theme) Please Note that Salient VC 4.7.4 ++ requires PHP 5.4 or higher to be running on your server. Please contact your hosting provider to ensure your php version is latest. There are two methods to Install/Update. ...

1 | Troubleshooting the Salient Theme (Website not working correctly) Please be sure to follow each step precisely and if the issue still exist add/create your WP login details as well as FTP details in the comments. Also be sure to let us know the specific page url where the issue can be foun ...

Updating Your Theme and Plugins Updating the Theme : Please view our New Guide: http://themenectar.com/docs/salient/updating-salient/ . Updating Plugins Updating plugins works in a similar fashion, but each one is a little different. We hav ...

How to update theme Manually via FTP Please follow these steps to upload the theme folder manually via ftp: Download the latest theme zip from the Downloads Section on ThemeforestExtract the latest theme zip on your local computerConnect to your server via FTP ...

Size of images in lightbox . Images getting cut Hey !Simply change your "large" image size in settings > media to 1280x720 and it should work alright :) Cheers

How to Translate the theme TranslationIf this is your first time working with WordPress and you need to know more about this process (or are simply looking for a refresher course), there are numerous resources available online that can assist you. Belo ...

Comments not showing on Pages By default there's no option for the comment field on static pages, but adding it in is simple.1) Add the code to page.php via Apperance -> Editor . <div class="comments-section"> <?php comments_template(); ?> ...

Create Landing Page (Remove Header / Footer per page ) You need to find the Page id of the page you want to remove the Header and footer . Here is how to find it: http://quadroideas.com/find-page-id-wordpress/ .Also see: https://support.woothemes.com/hc/en-us/articles/203105957-C ...

[10] Two Minute Theme Update. Updating the Salient Theme is incredibly simple and as long as you’ve made all of your changes to your site using a child theme, you won’t have to worry about anything being overwritten. 2 Minute Method using "Easy The ...

Increasing Memory Limit To PHP Some servers (shared hosting planes usually) have a very low limit to PHP by default which can cause a blank screen (white screen of death) or an error on your site. Luckily increasing the memory limit to PHP is very simple a ...

Missing "Read More" button in Ascend Skin” The ascend skin actually hides that on purpose for a different look - if you want it back in add this into the custom css box located in your Salient Options panel:html .ascend #search-results .result span.bottom-line, html ...

Increase Nectar Love value manually Add this code to function.php press save button . Once updated remove the code:/* update_post_meta(post_id, '_nectar_love',value) */ update_post_meta(1851, '_nectar_love',60); For more info on the function: http://codex ...

Move Secondary Menu Social Media Icons to Left Add this into the Custom CSS box located in your Salient Options panel :@media only screen and (min-width:1000px){ body #header-secondary-outer #social { float: right !important; }

Change color of Nectar Slider Heading and sub heading Add this into the Custom CSS box located in your Salient Options panel Or on the Visual Composer Css button so the css shows on that page only:/* Heading for all slides*/ body .swiper-slide .content h2 { color: #ff0 !im ...

Make init.js changes in Child Theme . Please see ticket: http://themenectar.ticksy.com/ticket/136919/

“Lightbox to open an embed file” You'd need to do an inline content lightbox by adding an id onto your div like this (just add this on the same page as your link in the text editor)<script type="text/javascript" src="http://Myserver.com/blah.js"></s ...

Make button open lightbox The correct HTML to add a button with an icon that links to a video would be: <a class="nectar-button small accent-color regular-button" target="_blank" href="https://www.youtube.com/watch?v=yarB1NCyqfs" data-color-overr ...

Portfolio Size and Order 1. Make sure you're using the Fullwidth masonry style as Igor pointed out.2. Make sure your images meet the size requirements as stated in the Masonry Sizing section of the User guide : http://themenectar.com/docs/salient.pdf ...

Mobile Menu hidden by Wordpress Toolbar Try adding this into the custom css box located in your Salient Options panel:@media only screen and (max-width: 690px) { #wpadminbar { position: fixed!important; } } Cheers

mobile full width, but keep the desktop in the boxed mode Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :@media only screen and (max-width: 690px) { #boxed { width: 100%!important; } } Thanks

“Sticky Mobile Menu” add this into your custom css box located in the Salient options panel:@media only screen and (min-width : 1px) and (max-width : 1000px) { body #header-space { height: 56px!important; display: block!important; ...

Howto: Make logo big or small Add this into the Custom CSS box located in your Salient Options panel:/* Desktop greater then 1000px */ @media only screen and (min-width : 1000px) { body header#top #logo img { height: 50px!important; ...

how to make the color of the hover on the thumbnails different from the global link color Please see the comment by nectar in this thread: http://themenectar.ticksy.com/ticket/155205/ .

Mailchimp Compatible Plugin. http://themenectar.ticksy.com/ticket/242454/

Remove thin bottom border on transparent header Add this into the Custom CSS box located in your Salient Options panel :body #header-outer[data-transparent-header="true"].transparent { border: none !important; }

Change Team Member Size Add this into the Custom CSS box located in your Salient Options panel :#ajax-content-wrap .team-member img { height: 206px; }

Move Third level menu to left instead of right Add this into the Custom CSS box located in your Salient Options panel:body .sf-menu li li ul { left: -16em!important; } body .icon-angle-right:before{content:"f104" !important;}

Map marker icon not showing No Additional plugin is needed. Please make sure you've activated location #1 and entered your lat/lng for that as well - just adding a lat/lng to the map center point won't add a marker.

Changing content in portfolio thumbnail hover Try making the edit in the shortcode-processing.php file located in the nectar/tinymce directory. Just run a search for "//Portfolio" to end up at the right place :)

Hide Portfolio Arrows / Squares / Title For Whole Section including the title:.single-portfolio .project-title .container { display: none !important; } For All Three:#portfolio-nav { display: none!important; }For Arrows Only: #portfolio-nav ul.controls ...

Mobile Drop Down , Change word not arrow as link The mod would indeed take place in the init.js file – this section: $('#mobile-menu .container ul li:has(">ul") > a .sf-sub-indicator').click(function(){ $(this).parent().parent().toggleClass('open'); $ ...

Nectar Slider Arrows Color and Background Change 1:To Change arrow color:.swiper-container .slider-prev > i { color: red; } .swiper-container .slider-next > i { color: red; }2:To change background color:.swiper-container a.slider-prev:hover, .swiper-container a.slid ...

Hide responsive secondary menu In Mobile/Tablet You can remove the secondary nav in ipad and mobile view using below custom css:@media only screen and (min-width : 1px) and (max-width : 1000px) { #header-secondary-outer ul.sf-menu { display:none; } }I ...

Remove WooCommerce Add to Cart - Amount Function To remove this:http://ticksy_attachments.s3.amazonaws.com/8206310... .Add this into the Custom CSS box located in your Salient Options panel: .quantity input[type=number] { -moz-appearance: textfield; margin: 0; ...

Change order of Portfolio categories title's Q: I have a few portfolio categories and I would like to order them in the horizontal menu in a specific order rather than using the default alphabetical attributes.Anwser: Use this plugin: https://wordpress.org/plugins/taxo ...

Howto: Add Custom image sizes ?. Change Responsive Behavior of images By default all images inherit responsive behavior - if you want to use fixed dimensions, either do so by adding a class to your image e.g.img src="" /> and then add this into the Custom CSS box located in your Salient Opti ...

Change Slide Out Widget Icon .slide-out-widget-area-toggle i:before { content: 'f0e0'; font-family: 'FontAwesome'; top: 6px !important; position: relative; font-size: 22px !important; } .slide-out-widget-area-toggle spa ...

Cant see Comment Box on page Please see ticket: http://themenectar.ticksy.com/ticket/140192/

Hide Mega Menu Column Title in Mobile Menu Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :#mobile-menu ul >li > ul.sub-menu> li.menu-item-has-children> a { display: none; } #mobile-menu ...

Adjust Nectar Slider Text with CSS Use the nth-child selector to target individual slides. body #ajax-content-wrap .nectar-slider-wrap .swiper-slide:nth-child(1) .content h2 { } Add this into the Custom CSS box located in your Salient Options panel ...

Change the numbers of columns in the recent projects slider from 3 to 6 items Open up the init.js file and change this: $('.carousel:not(".clients")').each(function(){ var $that = $(this); var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : ...

Parallax Bug on Chrome and (bit older version of) Firefox” What you're seeing is a browser level bug that exists in webkit. If you check a current Firefox version or IE10 you'll notice what you've created works fine. Essentially you can't have a parallax nectar slider close to a para ...

Add phone number in secondary menu with icon Please add the span html inside the secondary menu text as : <span class='icon-phone'></span>0437 445 352 As can be seen in this screenshot: http://prntscr.com/47l3c0 . And then ...

Nectar Slider: Semi Transparent Background for Heading .swiper-slide .content h2 { padding: 4px 0px; display: inline; position: relative; left: 10px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, ...

Hide Portfolio Thumbnail Title or date Add this into the Custom CSS box located in your Salient Options panel :/* hide title and date */ body .portfolio-items .col .work-info .vert-center { display: none; } /* hide title only */ body .portfolio-items .col ...

Make Header Nav Menu Look like a Button Add this into the Custom CSS box located in your Salient Options panel:body header#top nav > ul > li.menu-button a { box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inse ...

OpenGraph loaded twice, when Wordpress Jetpack Publicize feature in use” add the following code in the themes functions.phpadd_filter( 'jetpack_enable_open_graph', '__return_false' );before this code at the end of the file:add_action( 'wp_head', 'add_opengraph', 5 );

Remove slide count in Home slider next/prev arrows Add this into the Custom CSS box located in your Salient Options panel :.swiper-container .slider-prev, .swiper-container .slider-next { width:50px !important; }<p>.swiper-container .slider-next .slide-count,.swipe ...

Decrease the vertical spacing or leading between all 3 elements in the nectar slider- the large text, the sub text and the button Add this into the Custom CSS box located in your Salient Options panel:<p>#boxed .swiper-slide .content h2 { line-height: 30px; } .nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 { line ...

How to Create Mouse Based Parallax ?. Please see https://www.youtube.com/watch?v=NIgi-YyspcE .Cheers

Navigation gains bottom margin on page scroll Add this into the Custom CSS box located in your Salient Options panel: .sf-menu ul { top: 50px!important; } .small-nav .sf-menu ul { top: 45px!important; }

Remove Sticky header Add this into the Custom CSS box located in your Salient Options panel:#header-outer, #header-space { position: absolute !important; }

Visual Composer in Woocommerce Product Page VC is enabled when you're using the alt single page layout as available in the Theme options panel > woocommerce options tab: http://themenectar.com/demo/salient-ecommerce/product/mens-button-down/ if you enable that optio ...

Advancing nectar slide at end of video [Hack] The following code is outputted below the slider in a raw JS block: jQuery(window).load(function () { //will run on page load (i.e. once the video is fully buffered) var video = jQuery('.my-video-slide video').first()[ ...

Removing Author, Date, Tags, and Comments on Blog Titles /* For Blog page */ body .meta-author { display: none !important; } body .meta-category { display: none !important; } body .meta-comment-count { display: none !important; } /* For Blog Single Pages * ...

Make Team Member link open in new page See screenshot: http://prntscr.com/8c4t7r . Also be sure to clear your cache if you have any plugin active.The target will need to be added like this in the Anchor tag . See screenshot:http://prntscr.com/8c4tqd .

Change "ALL" and "Sort Portfolio" Text on Portfolio Filter Bar [JS hack] Place this JS script in a RAW JS Page element inside the tag on that particular page. See screenshot: http://prntscr.com/99em7b .<script type='text/javascript'> jQuery( document ).ready(function() { jQuery('.po ...

Nectar Flexible Slider Height Cropping Image in Responsive Screen Sizes. Try using the Flexible Slider Height option in Nectar Slider. See screenshot:  Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 160 ...

Fonts Used in Theme Demos , Screenshots of Typography Panel Agency Demo Ascend Demo

strange icons on iOS Please check your .htaccess file in the wp-content folder and check if it has any below security code that is blocking specific ttf filetype . Order deny,allow  Deny from all  <Fil ...

Change logo url link via JS code Globally. Add this JS code in the Google Anlaytics Section :   <script type='text/javascript'> jQuery( document ).ready(function() { jQuery('a#logo').attr('href','http://creativecorridor.co'); }); </script> ...

Add TEXT Next to Hamburger Menu Icon Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : /* add the text as a pseudo css element */ .slide-out-widget-area-toggle:not(.slide-out-hover-icon-eff ...

Corporate Demo - Contact Form A common question that’s asked about some of the demo contact form setups is how to make some of the fields display in columns. For this, you need to use actual HTML columns. Below you will find an example snippet you can c ...

Anchor Links not Working Salient Theme: 7.x How to solve: Browser shows undesired positioning of anchor links if/when returning from 'other' site pages. Steps: Go to Salient Options panel > General Settings > FunctionalityCheck ...

Twitter Share Count API Closed Here is the official link: https://blog.twitter.com/2015/hard-decisions-for-a-sustainable-platform . For the other counts to Please Update Theme . Cheers

Visual Composer template is reordering elements Hey Guys,When we add a new portfolio item, we start by enabling "Full Width Portfolio Item Layout" and checkoff "Hide Featured Image/Video on Single Project Page?" under "Project Configuration". Now if we load in the templ ...

Change hamburger icon to envelope mail icon in main menu . Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :#header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines-button.x2:after { ...

Changing Theme Texts Using Loco Translate Plugin . Please see: https://localise.biz/help/wordpress/translate-plugin/beginners Below are the Steps to Install Loco Translate Plugin to change or edit Theme Texts Like "View Larger" Button Text in Portfolio as well as "R ...

Add Text to Footer Right . Hey Again,Add this text in the copyright section in Options Panel: http://prntscr.com/9y6qim<span style='float:right;'> Test text </span>Also add this into the Custom CSS box located in your Salient Options panel ...

Clear Cache Clear Your WordPress Site CacheWordPress is fairly database intensive so it’s highly recommended to host your WordPress site with a webhost that provides built-in caching tools or to use a 3rd party Caching plugin. While ca ...

Make Nectar Slider Button open lightbox link or video Add in the lightbox extra class here :  and the JS in here  For 1st Button use this code: jQuery( document ).ready(functio ...

Typography Section options.txt files For Salient Theme Demos. One Common Issue that users report is the fonts and text responsive behavior ie Text or button getting too small when window is resized. The Easiest way to fix that is to use the Font sizes used in the Theme demos. Simply ...

limit the Search Function to Just Display Products Only. Add this to your child theme functions.php . function searchfilter($query) { if ($query->is_search && !is_admin() ) { $query->set('post_type',array('product')); } return $query; } add_fi ...

Install your Theme Now that you have purchased this Amazing theme, it’s time to install it in WordPress!Install Via WP DashboardIf you have already downloaded the theme after you purchased it, Download Your Theme and then Log i ...

Adding Custom JS code in Child Theme [Browser resize code added to Toggle VC Element] <?php add_action( 'wp_enqueue_scripts', 'salient_child_enqueue_styles'); function salient_child_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array('font- ...

Downloading Your Theme Congratulations! You just purchased our Salient Responsive Multipurpose WordPress theme on ThemeForest. Go to your Downloads page in your ThemeForest profile. Locate the Download button next ...

Firefox Padding Top and Bottom Not Appearing on Columns Firefox has a bug which causes the top and bottom padding to not work if the padding is using percentage values.  Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are ...

Importing the Theme Demos ( Make Theme Look Like Demo ) 1. Importing the Demo Content on a Fresh Install Salient Theme Version 7.x and later introduced a New One Click Demo Import Option available in Salient Theme Options Panel -> Demo Importer Section which lets y ...

Adding your Google Map API Key In order to use Google maps you need to generate an API key - please see the official documentation for more information. Once you have the API Key you need to add in to Salient Theme Options Panel -> Gen ...

Activate and Save Permalinks After installing and activating the recommended plugins for this theme, go to your Navigate to Settings> Permalink settings. This is where you can change your permalink structure. After selecting the format ...

Change Woocommerce Products per Page.  Add this to the Child Theme Functions.php .  add_action( 'after_setup_theme', 'change_parent_products_per_page', 10 ); function change_parent_products_per_page() { //chnge how many products are display ...

Home Page Setup By default the homepage will look like a blog (this is how WordPress is intended to work). If you have imported one of the Theme Demos select the desired page or if you want a custom homepage you can create it using the salie ...

Adding your Google Analytics Tracking Code 1. Locate your tracking code: Your tracking code is located in Google Analytics under the “Admin” panel. Make sure you are copying the Tracking Code and NOT the user id.2. Paste into the Google Analytics ...

Getting Started - First Steps Please Follow These Steps if you have just Purchased the Theme and Need help Getting Started .Download Your ThemeInstall your ThemeTheme Installation Errors Install Recommended PluginActivate and Save PermalinksImporting the ...

Google Page Insights Shows Errors/Warnings

Install Recommended Plugin Once you have installed and activated Salient Theme you will be prompted to install recommended plugins. Just click the link to begin installing plugins.Next, check boxes to select all the plugins you want to instal ...

Center Copyright Text In Footer Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : #footer-outer div#copyright .col.span_5 { left: 50%; } #footer-outer .div#copyright col.span ...

Woocommerce Payment Gateway Not Showing ( BrainTree / Amazon ) Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : /* show any Iframe added by Payment Gateway as theme has inline style that hides the iframes by default ...

Hiding Rows on Mobile / Desktop in Visual Composer You can use any of these 4 classes and add them to the Row Extra Class Field to hide that particular row: vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs It works in the same way the Column VC " Respons ...

Add Down Arrow in FullScreen Page Rows Option [JS hack] Add this to the Google Analytics Section in Salient Theme Options Panel -> CSS'/Script Related : <script type='text/javascript'> jQuery( document ).ready(function() { jQuery('.full-page-inner').append('< ...

Forms , Checkboxes Not Appearing Correctly Salient Theme Uses the Select2 JS Library to Enable Fancy Select/Checkbox/Radio Styling . If for some reason the Option is conflicting with Third Party Plugins . You can turn it off in Salient Theme Options Panel -& ...

Transparent Header Not Showing on All Pages To have the Header Always be Transparent you will have to Turn on the "Header Permanent Transparent" Option in Salient Theme Options Panel -> Header Navigation -> Transparency Tab: Cheers 

Quick Notification Bar Add this to the Google Analytics Section : <script type='text/javascript'> jQuery( document ).ready(function() { jQuery('#header-outer').prepend('<div class="custom-notify">In celebration of the upcoming holida ...

Make Masonry Blog height Uneven (Not Fixed) If your Images are not Sized the Same and you dont want to size them Manually add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) : /* Make the Masonry Blog ...

Header Logo Not Showing | Cant Change Demo Logo There are Two Places where the Logos are to be Added . 1) Salient Theme Options Panel -> Header Navigation -> Logo & General Styling Tab: 2:  Salient Theme Options Panel -> Header ...

Troubleshooting Video Backgrounds If you can't get your video backgrounds to load make sure you've covered these twoitems before panicking:1. Ensure that your server is capable of parsing video files. Some servers requireyou to add the media types supported i ...

W3 Performance Setup The Plugin works by Default, only the JS Minification breaks the site so you will have to choose the Combine Only Option in Minify Tab of Performance Menu in WP Dashboard :  Thanks 

Change Order of Portfolio Items or Portfolio Categories Simply use this plugin: https://wordpress.org/plugins/post-types-order/ . Cheers 

WP 4.7 Bug | Menu Item Style not showing in Menu Options in WP Dashboard Step 1: Find the ID of the Menu you want to convert to a Button You will have to find the id of the menu you want to have the button .  Step 2: Add this code in Google Analytics Section in Salient Theme Options Pan ...

Salient Mega Menus Mega Menus If you would like to use a mega menu, please head to the Appearance > Menus tab in your admin section and make sure that "CSS Classes" are turned on in your screen options tab in the upper right hand corner ...

Add a Custom Font Custom Fonts can be imported in a number of ways : 1: http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/  2: http://www.wpbeginner.com/plugins/how-to-add-awesome-typography-in-word ...

Masonry Image Gallery Follow these steps : 1: Add a Image Gallery VC Element to the Page.  2: Choose Image Grid Style in the "Image Gallery Settings" VC Options Popup. 3: Click on the '+' sign to add the Images  4: Select th ...

Salient Theme Sensei Support . The Below Code add Sensei Plugin Support to the Salient Theme . Reference URL: https://docs.woocommerce.com/document/sensei-and-theme-compatibility/ Add this to your Child Theme functions.php or using the Code ...