38440 comments found.
how do i change the font hover color of the toggle title font?
Hey brianfreeman,
could you kindly share the page URL where you’re using that element so I can see your current settings to assist?
Cheers
Hi guys,
Is there a way to only show ‘products’ in the AJAX Autocomplete when searching? Right now it searches everything (ie, pages, posts, products) but I’d like to use it on WooCommerce site and only search the products. Where is the script located that is running this feature? Thanks!!
Hey Sean!
You’d have to modify the file: nectar/assets/functions/ajax-search/wp-search-suggest.php in regards
Cheers
Can you possibly include Archivo in the next release? https://fonts.google.com/specimen/Archivo
Hey Coastdesign,
that font has been included in the current beta – if you’d like a copy, please reach out in regards via the contact form on my author page 
The beta
We are having the hardest time posting links to social media sites using this theme. We keep getting errors – for example, facebook says ‘The following required properties are missing: fb:app_id’ - so this means a random photo (not associated with our post) shows up when someone share a link to social media from our site. Very frustrating.
Hey WSDigital, please share the URL in question so I can inspect it to help out
our blog is www.workspace.digital/insight – an example of a page where this is happening is http://www.workspace.digital/content-is-still-king-how-to-keep-hungry-audiences-coming-back-for-more/
The error we get from facebook is this…
Extraneous properties specified The following properties are specified on the webpage but NOT supported for the specified ‘og:type’: article:tag, article:section, article:published_time, article:modified_time, article:publisher Missing Properties The following required properties are missing: fb:app_id
Hi! I’m trying to show Recent Post blog item section but without the Tall Featured section. I want to keep just the mini posts (with an image and the title).
Thanks!!!!
Hey ryan_seale!
Could you let me know how much columns you’re setting the element to display so I can provide an accurate snippet to accomplish this?
Cheers
Thanks for getting back!
3 columns would be great!! If we wanted to do more columns, Could you also give me a little guidance on what I’d need to customize?
Thanks you SO much for the help!
Ryan
Is it possible to have that section split so I could use both pieces separately? For example, a section that ONLY shows the tall style post and a section that only shows the smaller, round-image and title posts?
Hey,
add this into the custom css box in the page builder for the page you need it on (the gear box on the top right in the page builder)
.blog-recent.columns-3[data-style="list_featured_first_row"] > div:nth-child(1),
.blog-recent.columns-3[data-style="list_featured_first_row"] > div:nth-child(2),
.blog-recent.columns-3[data-style="list_featured_first_row"] > div:nth-child(3) {
display: none!important;
}
Cheers
And is there something we could do if we only wanted the top, tall three posts to show? Thanks so much for the snippet. I’ll try it now!!
Hey ryan_seale!
If you only wanted the top three, if you set the Number Of Posts the same as the Number of Columns, it should only show the featured style
Cheers
ThemeNectar,
After searching through the support forum I came across the code below. I would like to use the code to enable the full thumbnail to become an active link however the placement of ‘More Detail’ and ‘View Larger’ are not centered within the thumbnail.
Is it possible to have the whole thumbnail as an active link while keeping the text vertically centered? Please help.
/* CSS CODE / body .portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-4) .work-info .vert-center a:first-child { / display: none!important; / } body .portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-4) .work-info .vert-center { transform: none!important; -webkit-transform: none!important; top: 0 !important; height: 100%; } body .portfolio-items .col .work-item .work-info a { display: block; position: absolute; top: 0px; left: 0px; margin: 0px; width: 100%; height: 100%; opacity: 0.75 !important; / background-color: transparent!important; text-indent: -9999px; */ }
Here are screenshots of how the thumbnails and text appear. Current the CSS code above is not in use.
http://neileverosborne.com/neoprojects/option-1.png
http://neileverosborne.com/neoprojects/option-2.png
Any thoughts on how I can center the text within the thumbnail?
Many thanks.
Best, Alan
Hey Alan,
Instead of using that CSS, add this in instead:
.portfolio-items .col .work-info .vert-center {
position: absolute;
top: 0;
transform: none!important;
-webkit-transform: none!important;
height: 100%;
}
body .portfolio-items .col .work-item .work-info a.default-link {
display: block;
position: absolute;
top: 0%;
width: 100%;
height: 100%;
background-color: transparent!important;
}
body .portfolio-items .col .work-item .work-info a.default-link {
line-height: 250px;
}
@media only screen and (max-width: 1400px) {
body .portfolio-items .col .work-item .work-info a.default-link {
line-height: 220px;
}
}
Cheers
I tried the above code and even though it does active the full thumbnail as an active button, however it appear sas though the ‘more details’ or ‘view larger’ buttons are responsive or stay horizontally and vertically centered.
Any suggestions?
I have enable the code above only on this page: http://neileverosborne.com/thumbnailsHappy to add you as ad admin if you want to have a look.
Thanks for your help.
Best, Alan
Hey Alan, try changing the above snippet to this instead:
.portfolio-items .col .work-info .vert-center {
position: absolute;
top: 0;
transform: none!important;
-webkit-transform: none!important;
height: 100%;
}
body .portfolio-items .col .work-item .work-info a.default-link {
display: block;
position: absolute;
top: 0%;
left: 0;
width: 100%;
height: 100%;
background-color: transparent!important;
}
body .portfolio-items .col .work-item .work-info a.default-link {
line-height: 250px;
}
@media only screen and (max-width: 1400px) {
body .portfolio-items .col .work-item .work-info a.default-link {
line-height: 220px;
}
}
Hello developers,
How can I make this page (http://dev.mihaiapetrei.ro/techaway/about-us/) look the same (full background image under the top menu and logo) while removing this scrolling and turn it to a simple scrolling. I don’t like that it scrolls from one section to another.
For the homepage ((http://dev.mihaiapetrei.ro/techaway/), that’s what I wanted, but for this page, I simply want the same look but with normal scrolling.
Hey apetreimihaidaniel,
Instead of activating the page option for Page Full Screen Rows, you’d need to just set each row to use the option “Full height row” when editing the row settings for each row.
Cheers
Yeah, found that after all. Thank you though!
You’re welcome
Hi ThemeNectar,
Thank you for such an amazing theme! Best one out there.
Please visit: http://neileverosborne.com/stills/on-assignment-editorial/
For the thumbnails, is it possible to add an opacity to the background colour while keeping the “More Details” button 100% white. Currently I have an 0.75 opacity set but as you can see the text doesn’t appear pure white.
Your help would be greatly appreciated.
Many thanks.
Best, Alan
Hey Alan!
I’m currently seeing the “More details” text appearing as white, is that what you’re referring to?
Cheers
Hello developers of Salient,
Even if I have the menu set to be fixed (to follow me as I scroll down) and to have the logo resize a bit when it does that), this functionality still doesn’t work. Any of you knows why? Here’s the dev site I’m working on: http://dev.mihaiapetrei.ro/techaway/
Hey apetreimihaidaniel,
That specific resize effect can’t be triggered on a fullscreen row page setup since you’re never actually scrolling the page – think of what’s occuring in that setup as a fullscreen slider element i.e. you’re only scrolling inside of the slider
Cheers
Hi,
Salient looks like a beautiful theme, and I’m considering it for a project. Before I buy it though, I have three queries. All queries are with regards to the single page layout of the salient service demo (http://themenectar.com/demo/salient-service/). My questions are as follows:
1. for a certain conceptual reason, I need to start the site from the bottom of the page (which is currently affordable pricing) and scroll upwards. Would this be possible? So when a user logs onto the site, he would see the bottom box first, and then scroll upwards. 2. Would the addition of a footer be possible to this feature? 3. Can the page navigation menu (on the right with six dots) be used on other single page layouts also (not just with the full page backgrounds)?
In addition, I plan to build a multilingual site— is Salient compatible with Polylang?
Thank you,
A
Hey qfactor,
1. Altering the index on which the fullscreen row setup starts would require some JS modding
2. The fullscreen page row setup does indeed offer the option to define a footer row
3. The dot navigation is specific to the fullscreen row setup, unfortunately it can’t be used outside of it
4. Yes, Salient is translation ready
Cheers
Please help me !
I am having a problem with contact form 7
Everything seems ok, but when I fill out my contact form. The arrow turns in a loop and do not get out … Is there a problem of compatibility with salient?
Hey Visoo01,
There’s currently not a known issue like this, could you please share the URL in regards where you’re having the issue so I can take a look?
Cheers
Hi! What image size should I use for my posts if I want a behaviour similar to your “Blog Ultimate” demo? For example, your “Getting tickets for the big show” post featured image looks great everywhere, looks good on the second row and again it’s great on Fresh in Travel. How can I upload an image and be sure that it’s gonna look good everywhere? Including “Recently Posted” small images? Is there a setting for that? A standard image size? Thank you!
Hey sressi,
We originally uploaded that image at 1600px wide, however you only need to up to around 1000px wide to ensure it’ll be cut in all post displays correctly
If you’ve already provided images around that size and aren’t getting them cut as expected, you may just need to run this plugin: https://wordpress.org/plugins/regenerate-thumbnails/
Cheers
Thanks!
You’re welcome
Ref: Padding on mobile view Very often I am using padding settings of 6% or even 8% for all sides. That looks great on desktop and maybe it also is working well on tablets but it does not really work on mobile phones. Space for content is rare on those devices and especially the padding left and right makes the space for text very slim. Wouldn’t it be better to have those settings collapsed on mobile devices, using a standard padding instead?
Hey markimark,
We’ve considered adding a separate field for mobile only padding, i’ve noted your +1 for the idea
Cheers
Oh Thank you for the award. I like that you have adopted the idea. It will be very good to have it in the near future. Thanks again 
You’re welcome
I have another question. It is very common today to use the 2 col design and have a background image in one and some text in the other one. On a desktop it always makes sense, regardless if 1 row has the image left, text right and the next row is using it the other way around but once it switches to a 1 col design, like on smartphones, it can become confusing, because if the image was on the left it will be shown on mobile first, followed by the col with the text or the other way around. Do you understand. Years ago, when I was coding myself more often than today, I used a code snippet to flip col’s on mobile. Do you get the idea about I am talking here?
Hey markimark, you would need to create two versions of the rows, one in each respective order. You can then us the VC responsive options tab when editing each column to hide/show them on the desired viewport
Cheers
Hi, may I know how do I change the “woocommere cart nav” to “login nav”? as I do not need woocommerce. Tq
Hey kywong85,
The WooCommerce cart nav functionality is powered by WooCommerce, Salient just adds the widget in the header and styles it – without the WooCommerce plugin active it would require custom development to add a similar area with different content
Cheers
Hello I love your theme. Just wondering if it’s possible to hide the arrows on Nectar Slider so they’re only visible when hovering on it. Or at least reposition them so that they’re not so close to the header copy. Thank you.
Hey therealslimadie!
add this into the custom css box in your Salient options panel:
.swiper-container .slider-prev, .swiper-container .slider-next {
opacity: 0!important;
transition: all 0.2s linear!important;
}
.swiper-container:hover .slider-prev, .swiper-container:hover .slider-next {
opacity: 0!important;
}
Cheers
Thanks so much for the prompt reply. That got rid of the arrows all together, but they don’t reappear on hover. If it isn’t a feature then I can definitely live with it. They were grinding my gears!
Hey therealslimadie,
If you’d like to share your URL, I’d be glad to see why they’re not coming back on hover for you
Cheers
Thank you. It’s an ugly test site for the moment, so please forgive our butchering of your beautiful theme! http://bit.ly/2F35Nhg
You’re welcome
Unfortunately I can’t access that URL at the moment, can you verify it’s correct?
Sorry, I didn’t realise the site was down, so thanks for letting me know! Should be fine for you to take a look now.
Hey! Change the snippet I provided before to this:
.swiper-container .slider-prev, .swiper-container .slider-next {
opacity: 0!important;
transition: all 0.2s linear!important;
}
.swiper-container:hover .slider-prev, .swiper-container:hover .slider-next {
opacity: 1!important;
}
<pre /></pre>
YOU DID IT! Thank you so much x
You’re welcome therealslimadie
Hello again! Now I’m having issues with pages rendering. The homepage will load without issue, but individual pages get stuck on the preloader. Could you please assist?
Hey therealslimadiem,
I’m seeing this messgage appear in the browser console:
Uncaught ReferenceError: Cookies is not defined
at HTMLDocument.<anonymous> (woocommerce.min.js?ver=3.2.6:1)
...
This should fix it for you: https://github.com/woocommerce/woocommerce/issues/15531
Cheers
Slide out cart on my installation not working. What could be the issue? I’ve installed WooCommerce as well. Or does there need to be an item in it before it slides out?
Hey syncnd,
It will only slide out when there’s at least one item to show – if that’s not working for you, could you kindly share the URL in regards?
Cheers
Hey On my portfolio pages it says “Next Project” and “Previous Project” incl. the Portfolio names on the bottom of each page. How can i JUST HIDE THE TEXT AND ARROW, not the thumbnails itself?
Thanks, A
Hey rockzi!
add this into the custom css box in your Salient options panel:
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls h3 { display: none!important; }
Cheers
Paypal icon link is broken on checkout page in current theme woo commerce – using latest files 19/11/17
Link that needs replacing – https://www.paypalobjects.com/webstatic/en_US/i/buttons/checkout-logo-.png
Hey Advancedaquariums,
I can’t replicate this locally, could you please share your URL in regards so I can inspect the setup a little further?
Thanks
Please help!
Hey keybridgeonline, please share the actual URL where this is occurring so I can take a look to assist
Cheers
Hey keybridgeonline,
It looks like something is including bootstrap on your setup outside of Salient, which is adding its own width definitions to the “container” class that’s causing the issue
Cheers
hi, when I use the plugin “Ultimate Member”, on the setting panel ，typography setting cannot change the fonts, why?
Hey,
Salient uses the same options framework as that plugin (redux) but for some reason when there version of the framework is active, the dropdown script which redux normally uses (Select2) is not getting loaded. Could you kindly reach out to them in regards to see if they’re intentionally not using that one?
Cheers
