38434 comments found.
Hi, I was reading through some of the comments and I think my issue is I have missing code in my header.php – I imported the “Blog Magazine” demo.
My issue is that the hamburger menu stays on mobile, regardless of whether or not I leave “Header Sticky On Mobile” on or off. No matter what, it stays. Link: https://bit.ly/2OKSc2A
I really like the menu but I believe it is interfering with Google’s “Mobile Friendly Test” and causing the error “Clickable elements too close together” so I was hoping to test the other mobile navigation layout. I’ll mess around with CSS elements to see if I can find a workaround, but just wanted to bring this to your attention.
Thanks for a great theme!
Also – since updating to the most recent version of the theme, I am having wrap-grav issues on mobile where the Gravatar disappears completely on Standard Blog & Masonry Blog layouts: (Desktop: https://imgur.com/BGrOkzn) (Mobile: https://imgur.com/to5KxH8)
Hey HypedVisual!
1. Could you kindly open a ticket in regards via the support forum with your admin credentials so we can take a further look into this?
https://themenectar.ticksy.com2. That’s intentional – if you would still like it to display, Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
@media only screen and (max-width: 690px) {
body .post-area.standard-minimal .grav-wrap {
display: block;
}
body .post-area.standard-minimal .post-author .grav-wrap {
width: 40px;
height: 40px;
margin: 10px 0;
}
}
Cheers
Hi, have you think about implementing an element like the “Post with tall featured first row” but without the obligatory first row?
It will be awesome to make a blog with icons as featured images, and there are no wordpress themes prepared to use icons or small featured images (you will be the first). I´d pay for it 
Screenshot https://i.imgur.com/xFsmik6.png
Hey magic____32,
I’ve noted the idea for the wishlist
Cheers
How do we update a logo of one of the social icons? For example, we want to update the Google social icon to a different logo.
Hey imagemakerswi,
Do you already have the font icon loaded into your setup or will you be taking advantage of another icon already included by Salient?
Cheers
Hello guys, any idea why i cant have the products seen on two colums on mobile (https://undress.world/onlineshop). If i change this parameter from salient->woocommerce to 3 or 4 colums it works well, when i change it to 2 colums i get only one product on first row then it’s ok, the next rows have 2 colums.
Hey bogdan_stanciu!
Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
@media only screen and (max-width: 690px) {
html body.woocommerce:not(.single-product) ul.products[data-n-phone-columns="2"] li.product,
html body.woocommerce:not(.single-product) ul.products[data-n-phone-columns="2"] li.product.material {
width: 46.9%!important;
}
}
Cheers
I have one licence and would really like to use it for my company new web but I am really disappointed when i see how it behaves on mobile phones. I hope it is just this one demo but if the simple headline from your demo gets cut on my mobile phone, and it is not a small display (iPhone 8 plus), then what to expect with something more complex? Even the logo small as it is is cut on my phone (Salient demo logo). I would ask all this on support page but I don’t feel like paying 42 usd just too ask why is something that is suppose to be polished demo not working.
Hey dbosnj35,
What demo are you referring to? If you can provide a URL or the demo name (assuming you’re talking about a live demo) I’d be glad to take a look.
Hi, I have used Corporate Demo. Imported it behaves really strange on mobile phones.
Hey dbosnj35,
The imported Salient sample retina logo is indeed cropped, but when you supply your own in the Salient options panel > header navigation tab it will display fully. As for the header text not fitting, I can’t seem to replicate that on the live demo when viewing on an iPhone https://ibb.co/h9Pt5L but if you can share your own URL I’d be happy to take a closer look to help out
Hello,
I would like to display the “My Account” icon at the top right of my site, next to the “Shopping Cart” and “Search” icons, but I don’t know how… Can you tell me how to do it please?
Thank you !
Hey charlotte-da-mota,
If you’re using Salient 9.0+ there’s an option to enable that in the Salient options panel > header navigation > layout related tab
Cheers
Hello,
Oh yes it’s true… Thank you for your quick return ! =)
Glad I could help charlotte-da-mota
Hi,
1. How can I make a larger margin for the nectar slide buttons? 2. How do I add the aerrow icon to the saleint nectar buttons?
Thanks
Hey alisonleon,
1. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
body .swiper-slide .button {
padding: 20px;
}
2. To easily accomplish this without custom css, you could place nectar button shortcodes directly into the nectar slider caption field
[button color="accent-color" hover_text_color_override="#fff" image="default-arrow" size="large" url="#" text="Button Text" color_override=""]
Thanks. Re point 2, is there no way we can just add the arrow into the button option on the nectar slider rather than adding it in the caprton box? When I add it to the caption box the height beween the heading and button is too little and the botton proportions arent correct. Anything we can do?
ALso, can I have some custon CSS to have differnt font styling for the portfolio titles?
Referring to 1) can this also apply to mobile phones please? The margin doesnt show on a mobile?
New Question: 2. Also, can I have an underline button instead of a rectangle if possible on the nectar slider?
3. Can I create more padding inbetween the title and caption text?
4. Can I move the title, caption and button from the nectar slider further to the left of the screen so its aligned with the portfolio titles? (it will look much neater)
https://pasteboard.co/HNAnpf3.png https://cdn.pbrd.co/images/HNAnpf3.png5. Can I extent the width of the white space inbeween the slider and poftoflio items by another 1px so its consostent with the other white spaces on the page?
http://purplecow.cloudaccess.host/Hey alisonleon,
2. There is currently no option for that so it would require custom modding if you do not use the shortcode
3. The portfolio titles in the project grid is handled through the Salient options panel > typography > general html elements tab > heading 3 field, and the single project header is handled through the typography > navigation & page header > Page heading font
4. The Nectar Slider does not have access to the other page builder button element styles, in order to use that style you’d again need to use the shortcode:
[nectar_cta btn_style="underline" heading_tag="h6" text_color="#ffffff" link_type="regular" alignment="left" link_text="Text here" url="#"]
5.
.swiper-slide .content h2 { margin-bottom: 30px; }
6.
.swiper-slide .container {
max-width: none!important;
}
body .swiper-slide .content {
padding-left: 40px;
}
Please open a separate ticket for each of your questions in the future https://themenectar.ticksy.com
Hi, does anyone else have a problem with translating portfolio extra content texts with WPML? The option to translate it is greyed out and it seems that the theme author has made it this way. Themenectar any comment on this? Thank you
Hey alfamarble, have you checked out the WPML integration guide for Salient yet? They cover the portfolio post type:
https://wpml.org/documentation/theme-compatibility/create-multilingual-wordpress-websites-using-the-salient-theme-and-wpml/Hello, I’m using your theme for a client and I see that it’s still with PHP version 5.6.38 Will you update it do version 7 ? Thanks.
Hey adventuresoflaura,
Salient is compatible with PHP7, we actually would recommend that over using 5.6
Cheers
Ok thank you but how to change the version? With other themes I use, I didn’t do anything, it changed on its own. Thanks
Hey adventuresoflaura, your PHP version is configured on your server itself. In order to change that you would need to contact your hosting company
Hello, my friend! I still totally love your theme. Great job. Here are a few final questions, referencing this screenshot (https://imgur.com/a/eyNFqNB):
1. RED circles – buttons: How do I get the styling of button #2 to match the styling of button #1? I prefer the font and not all caps in button #1.
2. GREEN circle – superscript: I use this superscript code inside the h2 tag (https://imgur.com/a/XsDtRVt) to show the dollar sign, but the dollar sign looks way too small! How can I get the superscript a bit bigger so it looks better next to the “49”? Any good tweak you have for me?
3. ORANGE circle – animated underline: I was really hoping that there would be no animation effect like I have in the settings (https://imgur.com/a/VDNWRjG) but whenever I don’t select anything here, it defaults to change color. I can’t use the change color because when you’re on the shop page, then the font is exactly the same color as the button and it’s invisible. Is it possible to eliminate both the animation effects and just have nothing happen on rollover? This is not a big deal and I could live with animated underline if needed, no problem, just checking!
Thank you again – this is an excellent theme!
Hey LukeNielson!
If you can share your actual URL I’d be glad to provide some example snippets to help out
Cheers
Here you go buddy: http://seasonalmaine.com/
Thanks LukeNielson!
1. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab
header#top nav > ul > li[class*="button_solid_color"] > a {
text-transform: uppercase;
font-family: 'Open Sans';
letter-spacing: 1px;
font-weight: 700;
font-size: 12px;
}
header#top nav > ul > li[class*="button_solid_color"] > a:before, #header-outer.transparent header#top nav > ul > li[class*="button_solid_color"] > a:before {
height: 30px;
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
}
2.
sup {
font-size: 26px;
}
3.
#header-outer[data-lhe="animated_underline"] header#top nav >ul >li:not([class*="button_"]) >a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after,
.material #header-secondary-outer[data-lhe="animated_underline"] nav >ul.sf-menu >li >a:after {
display: none;
}
Cheers
Just one more thing on #1 above – I was trying to get the buttons on the page to be the same style as the button in the header, but the code you provided makes the button in the header look like the buttons on the page (I may have been confusing when I described it, here’s that image again: https://ibb.co/mWxSKf).
I want all the buttons on the page to look like the “shop” button in the header, meaning, serifa style font, NOT all caps. Does this make sense? This is my last tweak!
Thank you so much for your fantastic support – the other two tweaks are perfect – I really appreciate it and you are excellent! Making my site look excellent – thanks again, buddy.
Hey LukeNielson!
This can actually be accomplished directly via the theme options panel. Head to the typography > nectar specific elements tab and use the “Sidebar, Carousel, Nectar Button & Footer Headers Font” field to match your header navigation font settings
Cheers
Hey Phil,
1) How can I change the one teal green color that exists on my entire site? I remember you providing some css for page backgrounds like the cart and check out backgrounds but I’d like to use another color and was wondering if there’s a global line of code that would override everything to one background color??
2) How can I narrow the width of the menu that’s now off to the left? I’d love to trim it down some so there’s more room for the webpage.
3) Also, for some strange reason I’ve never been able to figure out how to increase the size and color of the font and change the font itself in the portfolio section. I remember you providing some code for this a while ago but it didn’t work.
Thanks!
-CS
Hey CSMurphy!
Could you kindly share the URL to the site and so I can assist with these?
Cheers
Sure, I also noticed that there is some color that runs up and into one of my layer sliders in the instagram section with the characters on it.. It seems to be cutting off the slider a great deal with solid color and I haven’t been able to figure that out.
http://csmurphy.comHey CSMurphy,
1.
html body .container-wrap, .material .ocm-effect-wrap {
background-color: #9857b5!important;
}
2.
@media only screen and (min-width: 1001px) {
#header-outer[data-format="left-header"] {
width: 200px;
}
body[data-header-format="left-header"] #ajax-content-wrap {
margin-left: 200px;
}
}
3. You can control the font the items use by adjusting the “heading 4” field in the Salient options > typography > general html elements tab. You can then use this css to further control the color/size:
body .portfolio-items[data-ps="6"] .work-meta h4 {
font-size: 32px;
color: #bc490b!important;
}
4. Edit the column highlighted in red here: https://ibb.co/dN1TKf and verify that there’s no negative top margin set. I’m seeing it get a -120px margin at the moment which is moving it into the previous row
Cheers
Hey Phil,
The code for #2 doesn’t work. I assume lowering the pixel number narrows the width of the menu? If that’s the case I currently have it set to 50 and it still hasn’t budged.I thought the social icons at the bottom had something to do with it but nothing happened when I removed a few to lesson the width.
Thanks for the other snippets though.
Here’s the code that you’ve shared with me over the years. Not sure if something is conflicting but I am noticing exclamation points on the side of the coding.
a.pinterest-share i, a.facebook-share i, .twitter-share i, .google-plus-share i, .icon-salient-heart, .icon-salient-heart-2 { color: #e2e2e2!important; }
body input[type=”text”], body textarea, input[type=”email”], body input[type=”password”], body input[type=”tel”], body input[type=”url”] { background-color: #c8c2b9!important; border: none!important; padding: 10px!important; }
body #header-outer { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.32)!important; }
body .swiper-slide .content h2 { text-shadow: 0px 2px 2px rgba(0,0,0,0.5); }
header#top #logo { font-family: ‘openSansLight’!important; font-size: 22px!important; }
/styling the submit button/
input[type=submit], button[type=submit], input[type=”button”] { background-color: #3d7eb0!important; } body input[type=submit]:hover, body button[type=submit], input[type=”button”]:hover { background-color: #cf5104!important; }
.home .wpcf7 .wpcf7-response-output { color: #000; }
/Manipulating The BG color and text of the external cart total in menu/
html body #header-outer .widget_shopping_cart a.button { background-color: #ff9702!important; color: #fff !important; } html body #header-outer .widget_shopping_cart a.button:hover { background-color: #1c9c0b!important; color: #fff!important; }
.blog .sidebar { padding: 20px!important; background-color: #260000; }
/Blog article post text/
.masonry.meta_overlaid article.post .post-header h2 a, .masonry.meta_overlaid article.post .post-header { color: #afb3b5 !important; text-shadow: 0px 2px 2px rgba(0,0,0,0.5); }
/Changing the color of a single product’s background page/
.woocommerce .container-wrap { background-color: #334a56!important; } <meta name=”p:domain_verify” content=”b978add20250d3490ff554967c47738d”/>
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #24d33c; font-size: 1.25em; }
/How To Change The Color Of The Price Font/
.woocommerce .single-product-summary .entry-summary p { padding-bottom: 20px; } .woocommerce .summary .price { color: #24d33c !important; font-size: 40px !important; letter-spacing: -1px; line-height: 30px !important; margin-top: 20px; }
/* Global Switch for ALL Header Text Color/
page-header-bg h1, body h1, body .row .col.section-title h1, .full-width-content .recent-post-container .inner-wrap h2 {
font-family: Lovelo,sans-serif; } html body, body h1, body h2, body h3, body h4, body h5, body h6 { color: #d4e1e7; }
/ Editing The instagram header text*/
full-width-section > .col.span_12.dark h1, .full-width-content > .col.span_12.dark h1, .full-width-section > .col.span_12.dark h2, .full-width-content > .col.span_12.dark h2, .full-width-section > .col.span_12.dark h3, .full-width-content > .col.span_12.dark h3, .full-width-section > .col.span_12.dark h4, .full-width-content > .col.span_12.dark h4, .full-width-section > .col.span_12.dark h5, .full-width-content > .col.span_12.dark h5, .full-width-section > .col.span_12.dark h6, .full-width-content > .col.span_12.dark h6 { color: #ffffff; }
.swiper-wrapper .iframe-embed { max-width: 640px!important; margin: 0 auto; }
.single .post-featured-img { display: none!important; }
add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: #dfdcde; border-radius: 2px; box-sizing: border-box; color: #999999; font-size: 0.92em; line-height: 1.5; margin: 1em 0; padding: 1em; position: relative; width: 100%; }
body .text_on_hover.product .product-wrap .bg-overlay { background-color: #46d21b; } body .text_on_hover.product .text-on-hover-wrap * { color: #fff; }
.home .parallax_slider_outer.first-section .swiper-slide .content { margin-top: 10%!important; }
Cheers
@media only screen and (min-width: 1001px) { #header-outer[data-format=”left-header”] { width: 50px; } body[data-header-format=”left-header”] #ajax-content-wrap { margin-left: 50px; }
body .portfolio-items[data-ps=”6”] .work-meta h4 { font-size: 40px; color: #14a95c!important; }
Hey CSMurphy, could you kindly reach out via the contact form on my author page with temporary admin login so I can troubleshoot that easier?
Cheers
Hi there, is there a reason why the theme doesn’t support all available “Google Fonts”? If I specify a Google font that is not listed with your theme within the custom CSS would that work? Many thanks
Hey obiimobi, Salient is updating the font list in the next update due out within a week. If you’d like access to the current beta, please reach out in regards via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
I’m a little disappointed with this theme.
I worry a lot about the performance of the site and after optimizing almost everything, I realized that I had INCREDIBLE HUGES 1 MB only of the 4 Iconminds icons that Salient provides.
The icons are beautiful, but when using only 1, it seems that it loads all and increments 1MB in the page size by delaying its loading for those who attention for each KB.
Is there any way I can use ICONMIND icons without having this HUGE FILE on the page?
I’ve tried to create a ticket with the support, but after months, I think it’s the worst support I’ve seen so far buying a theme. They just come in after a long time, they say something very basic that you had already done while in other themes the help is much better. But it’s alright…
Hey fourthcode, if you wish to use the icon library without loading all of the icons you can use a site such as https://icomoon.io/ or http://fontello.com/ to upload the iconsmind.svg file, select only the needed icons and regenerate the font files.
Is there any place or tutorial where I can learn to do this? I don’t know what to do next, if I can just delete the other icons from the file and replace the file.
Hey fourthcode, there are articles covering this topic such as: https://blog.webjeda.com/optimize-fontawesome/ – scroll down to the “The easy way” section in the article
Hi there,
Question: Is it possible to place the name of the category under the name of the project? Or is it only possible to show the date on hover portfolio items?
Many thanks!
Hey ruimdenker,
You can manually add in the category or any other text by using the “Project Excerpt” field when editing each project
Cheers
The text does not appear on most options.
I am using: Meta overlaid w/ zoom effect on hover
When i place a word in ‘Project Excerpt’ it will not appear.
Hey ruimdenker,
The excerpt should show on that style id supplied, could you kindly share your URL in regards so I can take a look?
Hello ThemeNectar,
the “no-ajaxy” transition class works only in “AJAX” and not in “Standard”. How can i get it to work with standard? Or is there an other class for “Standard”? I have a mailto: link and after clicking the page transitions to white.
EDIT: I just discovered that the problem appears only in Chrome. In Safari and Firefox mailto: links work even without no-ajaxy.
Hey Cartman66,
This issue has been fixed in the current theme beta, with the official release about a week away. If you’d like access to the beta please reach out in regards via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
Hi, is it possible to hide Visual Composer options in the page builder, and also hide the ‘Salient Templates’ option from the page builder?
Update. I have managed to find how in settings to hide page options, however the ‘disable templates’ options does not work. To be clear, does this option hide the ‘Salient Templates’ button on the Page Builder window? Thanks for your help guys
Hey brand_knew,
to remove the new studio template button you can add this into the child theme functions.php as well
function nectar_generate_salient_studio_button() {
return false;
}
Cheers
Can’t seem to get ApplePay buttons to appear using the Braintree by PayPal plugin via WooCommerce. Appears to be a theme issue, any suggestions? www.nwsledder.com
Hey okaymatt, have you verified that it works as expected when temporarily switching to one of the default WP themes?
Hi. Is there a way to make the portfolio page as 2 columns like this? http://phobiahz.fr/portfolio-book
Hey Coastdesign,
The option for that is currently available in the beta – if you’d like a copy, please reach out in regards via the contact form on my author page https://themeforest.net/user/themenectar
Cheers
Do you know if this extension will work with your tailored version of VC? https://codecanyon.net/item/advanced-charts-addon-for-visual-composer/19237508
Hey huckster,
I have not personally tested that, but can’t see why not. Kindly let me know if you run into any issues.
Cheers
Is it possible to add more than 4 columns to the Horizontal List Item?
Hey robertexs,
As of now that would require custom modding, however i’ve noted the idea on the wishlist
Cheers
Cool, I’d also suggest being able to customize column width. What files could I find the hooks for that?
Hey robertexs,
The actual file where the markup is created is nectar/nectar-vc-addons/vc_templates/nectar_horizontal_list_item.php
Cheers
