38441 comments found.
Background video in Nectar Slider doesn’t work on iPad Hi, the background video doesn’t work on ipad (nectar slider); it only shows the cover image. How come? I’ve correctly uploaded all the formats required (webm, ogv, mp4)
Hey Kaizeen,
This is covered in the video tutorial for the slider here: http://youtu.be/FLU9Pxo_RD8?t=6m36s
Video BG’s can not be autoplayed on mobile devices due to data usage reasons and therefore the cover image is used in its place.
Cheers
Hi there! Salient is very modern and beautiful theme. 
But i need Arabic support. When you add this feature to theme?
thanks a lot
Thanks Sandraco, it’s a possibility that it will make it into the next release 
Quick question: Where can I find and edit the code to make my contact page, sidebar links, and more button for the blog posts no-follow?
Hey ViktorZ1991,
the more button can be found in the includes/post-templates directory. I’m not sure what links you’re trying to target in your contact page, but to add no-follow onto sidebar links – it will take a plugin unless the links in your sidebar are in a text widget you can edit yourself freely.
Sorry i’m on a roll here enough questions to last a lifetime
Can a 3 column row be put in that has the latest blog items in it, eg 1 item in each column ??
R
The easiest way to do this would be to simply modify the recent posts element to display 3 items instead of the usual 4 it normally does. This mod would take place in the shortcode-processing.php file located in the netcar/tinymce directory 
ok excellent thanks, so 2 additional questions on this, can that file be changed and added to the child-theme? otherwise that’s not very practical for your updates?
And also if I do this can I style those 3 columns, e.g. I want white titles, white body text etc?
R
Unfortunately is can’t be added to the child theme but if you really don’t want to touch the parent theme you technically could handle it all with css – styling the 4 columns to have a 3 column width and hiding the last column. Also you could style the text white with css too 
ok thanks, gonna need some help on this please, any chance you could quickly give me some CSS for it please?
.blog-recent .col {
width: 30%!important;
}
.blog-recent .col:nth-child(3) {
margin-right: 0!important;
}
.blog-recent .col:last-child {
display: none!important;
}
Added line-height to slider H2 like so, but making no difference wherever I add it, is it being overridden somewhere please?
.swiper-slide .content h2 { font-size: 50px; text-transform:uppercase!important; letter-spacing: .1em!important; line-height: 30px!important; font-weight: 600!important;}
R
Hey again Rich,
try making the snippet more specific:
body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 {
line-height: 30px!important!important;
}
Perfect works a treat
Glad to hear!
Hi there – I upgraded to the latest version of Salient at www.georgedigweed.com – everything seems Ok apart from the positioning of the Nectar Slider on the home page.
It seems the top of the slide is hidden behind the header, which makes the site look a bit ugly. Can you have a look and advise if something can be changed to fix that.
Never mind – I fixed this by changing the height – works fine now
Glad to hear mattrutherford! 
Cheers
Oops no I did have 1 more so sorry,
11) How can I add html or inline styles to the nectar slider title box please?
R
It takes break tags… that might do, as long as I can manipulate the style,
.swiper-slide .content h2 { font-size: 50px; text-transform:uppercase!important; letter-spacing: .1em!important; line-height: 330px!important; font-weight: 600!important;}
at present in code inspector it seems to have this class twice ??
Hey again,
I’m a little confused as to what class you’re referring to that it has twice? You should be able to control the style as much as you need as long as you make the rules specific enough to overwrite the theme rules.
Cheers
Don’t worry tis is now sorted thanks 
You’re welcome 
Hi, The theme works perfect for all browsers like chrome, firefox and opera. But for IE8, it simply crash the browser, when I test it on a 13 inch laptop, everything stay fine, however, when i test it on a 21 inch desktop, this happened. Even when I created a empty page with the menu and footer only, it still crashes the browser IE8. Then I test it by using IEtester, there is a error for superfish.js and error message is: unable to get property ‘left’ of undefined or null reference. So I am not sure it is because of the javascript or some other issues, help please, this website is supposed to be up tomorrow and work properly in IE8. Best Regards
Hey plutora, please see my response to your other comment in regards to the issue 
Hi,
The IE8 crashes when the website gets loaded, can you check it on IE8, because 50% of our clients use IE8 and IE8 crashes instantly when the website gets loaded.
Hey again, apparently there’s a difference seen between our setups and browserstack. I’m still looking into it, it’s probably something that requires a specific OS to replicate.
Also please post back on the same comment or ticket you’ve opened? I’ve noticed you’ve been posting a lot of duplicate comments in here in the past 24 hours.
Thanks 
Hi
Can you test it on IE8, i am pretty sure that is not going to work on IE8, as 10+ clients report that their IE8 crash instantly when the website gets loaded. Also, I open up a ticket with number #201950 and no reply so far.
Thank you so much Best Regards
Hey – did you narrow it down on your end to the superfish script for certain or was that just a possible guess?
Hey – I remove all the javascripts and add them one by one, none of them crash the IE8 until I add the superfish, is there a possible quick fix? cause for the moment, I can make the website stable and at least does not crash the whole browser
Best Regards
Try removing from lines 165 to 182 in that file and see if it works 
Hi,
I removed the lines from 165 to 182 in superfish.js, it still crashed the IE8 instantly. Any clue?
Best Regards
Hi,
is there a way to remove the javascript file and maintain the format of the site?
Best Regards
hi,
is there any other codes that could trigger the IE8 crashes?
Best Regards
Hey again,
I believe when you removed the superfish script it simply caused all other scripts to halt since it is required by the init.js – it wasn’t that there was an error in that file, but rather causing all JS to stop that fixed your issue. Because there’s no actual errors being thrown (besides the superfish one which isn’t the issue) and the fact I still haven’t been able to replicate this – it will still take more time to track down what’s causing your issue.
Have you tried to simply add this into the header.php in the head tag?
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
I tried this one again, still crashed.
When I use IEtester, the following error message shows, i am not sure the crash is due to this:
line: 171 character: 12 code: 0 Error Message: unable to get property ‘left’ of undefined or null reference URL: http://themenectar.com/demo/salient-frostwave/wp-content/themes/salient/js/superfish.js?ver=1.4.8
Also the OS i am using is Windows 7 with IE10 installed, change the development mode to IE8, both my site and demo website crashed instantly. And i tested it with a windows 7 with IE8 installed, same result. I tested it with at least 5 windows computers with IE8 installed and same results. The browserstack test website you sent me did not replicate the crash situation.
Best Regards
Patrick
Hey again,
The X-UA-Compatible snippet is just to force the IE browser to use the latest version which in the majority of cases would be higher than 8 – apparently the IE8 simulator when using an IE11 browser is not the same as the IE10 one since nothing odd happens in that. But since I don’t have IE10, I was going to rely on browserstack for the simulation but since that’s not showing the issue it’s hard to troubleshoot. Still looking into it.
Hi ThemeNectar,
Can I have you contact detail like email address or skype account. Cause I have already spent about 4 days to figure out the IE8 issue, and still crashing. It is quite difficult to contact you through this discussion forum, and the IE8 crash make lots of our customers unhappy, please help.
Best Regards Patrick
Hey Patrick, just waiting on you to add your credentials on the ticket you opened
Cheers
Hi, I would like to prevent the theme from getting custom fonts from Google like this : <link rel=’stylesheet’ id=’options_typography_Raleway-400-css’ href=’https://fonts.googleapis.com/css?family=Raleway:400' type=’text/css’ media=’all’ />
I added my fonts in style.css and copied the woff files, but I can’t find the code where the import lines are added. Can you help ?
Hey Didee_79,
The only way fonts are going to get loaded through Google like that is if you select them in the typography options panel – are you sure you don’t have them selected there?
Cheers
And lastly
10) Can the transparent header feature only be activated for the homepage only? On all other pages I would like it to be solid throughout
R
Check out this in regards: http://themeforest.net/item/salient-responsive-multipurpose-theme/4363266/comments?filter=all&term=the_verdict&utf8=%E2%9C%93
Cheers 
9) Is there a way to create a 2 column full with area but in the middle of the 2 columns have a thin vertical line that separates them please, it could be CSS or a image either would work
R
This could be accomplished by adding a class to one of the columns and setting a 1px border on the side. Using the column padding options as I mentioned in one of your previous questions would allow for ample space 
8.) Is there an easy way to make a new button with CSS that is perfectly circular please?
R
Similar to your fourth question:
<div class="circle-button">[button color="extra-color-3" size="large" url="http://www.webteam.cornwall.nhs.uk" text="View Our Work" color_override=""]</div>
.circle-button .nectar-button {
font-size: 24px!important;
border-radius: 100px!important;
padding: 32px 36px!important;
}
This just makes the button huge which is great but it’s not a circle?
Make sure you have the border-radius property set and also try setting a height on the button to bring it to the correct dimensions for a circle 
where do I set the height in CSS or in the short code?
In the css 
7) I would like to add a menu hover of an underline, so when you rollover any of the menu items there is a 3px line underneath but say 20px away from the word if that makes sense?
R
This will add the border:
header#top nav > ul > li > a:hover {
border-bottom: 3px solid #fff!important;
}
but additional css would be needed to shrink the padding on the nav items and allow the border to move up – this would be easiest if the header resize on scroll effect were disabled.
6) Is there anyway the whole content area’s left and right margin can be increased slightly eg we have 174px left and right in space and I would like 234px left and right…
R
The content area will adjust based on what you set as the max width for the container div:
@media only screen and (min-width: 1300px) {
.container {
max-width: 1100px!important;
}
}
is the default
Brilliant works a treat – awesome
You’re welcome 
5) Is it correct to write inline styles, such as this?
<p style="text-align: center; font-size: 70px; line-height: 90px;">“The website and tools you've given us are killing it in lead generation, and our AdWords click through and conversion rates are going great!” Ted Todd Insurance</p>
I can’t get it to behave very well this way, it also shows up in the visual composer as being huge, If it was a class would it be better or is the way I am doing it correct?
also line-height propert doesn’t seem to work on the final published page, it does however in the visual composer?
R
Hey,
I would always recommend using a class instead when practical which it is for this. You can also use the !important property when certain values aren’t taking/overwriting theme rules 
Thanks matey
Cheers
4) If I want a huge button over an image how would I do that? I added the following but the button is not big enough for my liking
[button color="extra-color-3" size="large" url="http://www.webteam.cornwall.nhs.uk" text="View Our Work" color_override=""]
Also how would I centre this centre?
R
To center it, set the column containing it to “Centered Content Alignment”. To make it bigger, wrap the button in a div and use css to target it like this:
<div class="large-button">[button color="extra-color-3" size="large" url="http://www.webteam.cornwall.nhs.uk" text="View Our Work" color_override=""]</div>
.large-button .nectar-button {
font-size: 24px!important;
padding: 32px 36px!important;
}
3) I have a full width background image, then overlaying a text block, I would like this text block to be a certain width and sit indented on the top of the background image, how do I do this please?
R
Have you tried to use the top padding input for your row to set the space you need from the top? As for making the text a certain width, you’ll have to use css if using columns isn’t getting you the width you desire
Ok cool any example you can give me please in css to adjust the column width?
the indent I want from the left not the top sorry
Add a class onto your desired column such as “custom-class” and then use this in the css box 
.col.custom-class { left: 100px; width: 50%!important; }
2) In a text block adding the following code in the text editor….
<h2 style="text-align: center; color: #4a4a4a; font-size: 62px;">We create <strong>quality products</strong> that enrich the lives of others.</h2>
The bolded words ‘quality products’ completely disapear form the published page when the strong is used ??
R
Anyway you can share a URL where this occurs? I can’t seem to replicate locally.
Cheers 
I can bug will need to email you as its protected from viewing tight now – whats your email again please? Or mail me at richard.pearson@me.com
Just sent the email 
strange haven’t had anything yet
Feel free to shoot me an email then at themenectar@gmail.com
Hi Bud,
I have a few questions I’ll post them separately… Hope your well
1) I have a three column row (full width) the columns are a bit close together how do I increase padding or margins to make the white spaces wider between the columns please.
Rich
Hey Rich!
Use the column padding option as shown in this tutorial: https://www.youtube.com/watch?v=DpJWWM4BAbo 
How to disable Home Slider, for using Nectar Slider? I switched to Nectar Slider; but the Home Slider still shows in the home page. How can I disable it?
Hey Kaizeen! Simply change the page layout to “default” in your page attributes box located on the right hand side of your edit page screen 
Cheers