38447 comments found.
Just a fast answer, how to make the variation selector width: 100% here > https://kaikoa.co/tienda/camisetas/hero/
Thanks.
Hey, add this into the custom css box in the Salient options panel:
html .woocommerce .variations, body[data-fancy-form-rcs="1"] .fancy-select-wrap, .woocommerce div.product form.cart .variations select, body[data-fancy-form-rcs="1"] .variations_form.cart .variations .select2-container {
width: 100%!important;
}
Cheers
Hello, is there any plan to offer different product pages styles? I think the one in Salient is a bit poor. Meanwhile, is there any easy way to find the code where to change the column numbers to do a 50/50 for the image and text in the product page? Thanks.
Hey estudisimple,
There’s multiple options for the product style pages, you’re not limited to only one – but yes, there’s more planned for the future
Cheers
Hello,
On my checkout page (www.brexlink.com) once someone begins to enter their name into the woocommerce checkout form, the field titles become cut off from the bottom as the field overpowers it.
Can you please add an item and take a look at what I mean.
Much Appreciated.
Thank You
Hey magicbird,
I’m not able to see what you’re referring to at the moment https://imgur.com/a/HTPLb can you kindly provide a screenshot in regards of what you’re seeing?
Cheers
On http://kaleoscope.com/about-us, I set the two columns to have a margin of -80 to overlap with the previous row. But for some reason, the text/grey column starts loading underneath, but the photo loads fine.
Any idea why?
Hey magicbird,
Try to remove the small box shadow you have set on the column on the left column
Cheers
Hey TN,
Tried that and it still does the same thing.
I think I was misunderstanding what you were referring to last – however now that I think we’re on the same page, I don’t see the left column loading underneath the row above as it animates in currently. Can you please let me know what browser/OS you’re using?
Cheers
I am using Safari on Mac version 10.12.6. I added a grow in animation and that helped cover up the issue. Not sure if Chrome does the same thing before I added the animation.
Hey, I haven’t been able to replicate this on Chrome, it could be Safari specific but am stilling looking into it 
Hi I would like to know how to simply center the call to action button within a nectar slider. It only seems to align to the left no matter if I set the content to align left, right or center within the nectar slider properties. It is the homepage of my website at http://thefictionstoryroom.com/ where the button says “download eBook” which I am referring to. I am viewing it in safari, firefox and chrome latest browsers.
Hey JayCarver,
You’re using the Home Slider on that URL rather than the Nectar Slider – remove the home slider template and then you can add in a Nectar Slider via the visual composer page builder
Cheers
Hi again!! I appreciate all your help. This time what I want to do is to modify the margin-top of the logo in the mobile version. I have tried with this snippet but I have not managed to modify it. Is there a bug in the snippet I used?
@media only screen and (max-width: 1000px) and (min-width: 1px) { html body header # top #logo img, # header-outer [data-permanent-transparent = “false”] #logo .dark-version { height: 100px! important; margin-top: -30px! top: 50px; position: relative; } }
Hey simon_saavedra, can you share your URL in regards so I can see why that’s not working for you?
Cheers
Hi! www.whynotmedia.cl
Hey, it looks like your selector is targeting it correctly – however the margin has no effect since the mobile logo is set to be absolutely positioned. The top attribute will work if you add important to it like so:
@media only screen and (max-width: 1000px) and (min-width: 1px) {
html body header#top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
height: 100px!important;
margin-top: -30px!important;
top: 50px!important;
} }
Hi! Thanks for the help. The fragment works well now to make the logo away from the top in the mobile version, but I can not achieve how to decrease the margin between logo and top. My idea is that part of the logo is on the slider. But the upper margin is not so broad. Any ideas? Again thanks for your help
??
Hey, try adding this in as well
@media only screen and (max-width: 1000px) and (min-width: 1px) {
body {
margin-top: -35px;
}
header#top .span_9 >.slide-out-widget-area-toggle {
top: 65px!important;
}
}
Quick Question: How do I hide the arrows in —-
Image Gallery > Basic Slider Style.
TIA 
Please ignore – figured it out. Sorry for the trouble (:
Hey Pushkarrajm, glad to hear you’ve figured it out 
Hello,
I have a presale question: Is it possible to use the template as a OnePage with a left vertical menu?
thank you very much!
Hey VirtuHouse,
Yes – you combine the left navigation with a single page setup if desired
Cheers
When I enable Animated Page Transitions in standard way it keeps loading forever any page related to robo gallery plugin.
I would like to know you can solve this issue. If you can’t please suggest for me a way that I can use to upload the past projects pictures for decorations company. Best Regards
I am unable to submit ticket as I cant’ find the purchase code
Hey tamim606,
If you can provide a URL where the issue occurs, I’d be glad to take a look for you 
Cheers
I already had to disable animated so the website can run, but if you can check it right now I can return it fast so you can check and return it back
Hey, sorry for the delay – if you can open a ticket in regards with your admin credentials we could enable it for you for a couple of minutes to avoid any downtime https://themenectar.ticksy.com
Cheers
I can’t find the purchase code to enter.
I’m looking to do a comparison page using this template. I want to have 2 columns. The left column has my product and some benefits. The right column has the competition. When the user scrolls, only the RIGHT column changes to show the next competitor and comparison. Looking to do this at full screen.
I tried having full screen rows, but what I can’t figure out is how to make certain elements persist while others move/scroll.
Ideas?
Hey raijmanj, there’s an option for a sticky sidebar element coming in the next update – this may assist in what you’re trying to achieve
For now it would require custom development
Cheers
How can I change the color behavior of the category buttons on the classic enhanced view of the blog posts on kaleoscope.com and kaleoscope.com/about-us? I’d like the color to fill it at all times and not just on hover.
Hey magicbird,
add this into the custom css box in your Salient options panel:
html body .masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a, html body .blog-recent[data-style*="classic_enhanced"] .meta-category a { border-color: transparent; background--color: #3452ff!important; }
Cheers
Thanks! Unfortunately, it only changed the button to no outline and only a hover color.
Hey, sorry about that – there was a typo. Use this instead:
html body .masonry.classic_enhanced .posts-container article.has-post-thumbnail .meta-category a, html body .blog-recent[data-style*="classic_enhanced"] .meta-category a { border-color: transparent; background-color: #3452ff!important; }
Hello,
I’d like to suggest you guys to make the menu to highlight each item as you scroll through the rows marked with an ID when the option “Activate Fullscreen Rows” is enabled. I’ve readed at the forums that this feature is currently not available.
Reference link: https://themenectar.ticksy.com/ticket/909518/#comment-4317502Thanks.
Hey nacaodesign,
This is coming in the next release 
Cheers
Hi,
I want to report one bug on Salient, on the target blank when you want put un external url with “https”.
Infos :
/wp-content/themes/salient/js/init.js
Line 13645 :
```$(”.portfolio-items a[href=’http://']:not([href*='"+window.location.hostname+"']), .recent_projects_widget a[href=’http://']:not([href*='"+window.location.hostname+"'])").attr("target","_blank");```
Great job guys, best theme ever !
Thanks a lot Arkanite!
I appreciate you mentioning the issue as well 
Cheers
Hi theme nectar
At the moment I’m using the theme Salient at my internship. A question I have is how to get google map as full width, as big as slider.
Thank you very much.
Never mind already know it
Hey sandorvdberge, glad to hear you’ve found the answer you were looking for 
Hi there a client has just reported that a lot of their images have disappeared. They are on Wordpress 4.4.2 and Salient 7.0.6. http://www.rfcambrian.com One day it was working the next they have images missing. Do you think upgrading would bring back the links? If upgrading what order should I do it in? Wordpress first or Salient theme first?
Hey s2design,
The errors showing in the browser console are that the image files are 404 not found – I would check with the hosting company if there’s any way they could have been removed from the server, this looks unrelated to the version of Salient you’re on
Cheers
Hi guys… It’s something very simple but can’t work it out. With the team member modal; is there anyway to have a darker background opacity (i.e without hover) I know there isn’t an option?
Also, on the mobile version of using the team member Modal, there isn’t a X button or close option coming up. Obviously if you touch it again it disappears but it’s confusing to the viewer. Am I missing something? https://hinterland.christmas
Hey martyfin,
1. Add this into the custom css box in the Salient options panel:
.team-member[data-style="bio_fullscreen"] .team-member-overlay { opacity: 0.4!important; }
2. This is coming as a change in the next update and already in the current beta
Cheers
Hey Nectar, I’ve been having issues with Text Block in the VC when in Visual mode. I’m not able to edit the text. Only the paragraph option is available (and not headings) I have to go into Text and manually add html in order to change anything.
Hey,
You need to update your version of Salient to the current release (8.1.0) and then update your Salient VC via the plugins section of your admin panel to the latest (5.2.1) in order to get the fix.
Cheers
Hi,
Just wondering how I might go about having the sidebar shift to the bottom of the screen on screens under 1000px, and the main content area use 100% of that space, rather than 690px as per current?
Thank you!
Hey, could you kindly share your URL in regards so I can see your current setup to assist?
Cheers!
The site is skijapan.com, but none of the pages to use it on are visible yet. There’s no way to simply do this with CSS?
Are you using a sidebar from a VC widgetised sidebar element or are you referring to a sidebar based blog?
Cheers
The sidebar is just referring to the ‘Sidebar – Left’ template you select when creating a page.
If you’re trying to extend the content area space to be wider on mobile, it will also effect the sidebar. Use this in the custom css box:
@media only screen and (max-width: 1000px) and (min-width: 690px) {
.container {
max-width: 90%;
}
}
Cheers
Thanks
You’re welcome 
Hi. I would like to change a google map which is added to a page as an element, to either hybrid or satellite. I have tried changing to this in the map.js file mapTypeId: google.maps.MapTypeId.SATELLITE, but it does not work. It stays as the roadmap map type.
Ideally the options for the user to choose the type of map they would like to view would be available but as it seems that is not an option, how can I change the map type?
Hey wints77,
You’d also need to remove this from the file in order to have that take effect
var styledMap = new google.maps.StyledMapType(styles,
{name: "Styled Map"});
Cheers
Thanks for the reply but it hasn’t worked. Code now looks like this. Map marker also seems to have disappeared now.
else {
styles = [];
}
//options
var mapOptions = {
center: latLng,
zoom: zoomLevel,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.hybrid, 'map_style']
},
scrollwheel: false,
panControl: false,
zoomControl: enableZoom,
disableDoubleClickZoom: enableZoomConnect,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.LEFT_CENTER
},
mapTypeControl: false,
scaleControl: false,
streetViewControl: false
};
I would like to remove the navigation header altogether. Currently, on the desktop version, there is no header, the page goes to the top of the screen. I would like the same thing to happen in the mobile version. I do not want to see a navigation header at all. My url is nineteenbrands.com
Hey,
As i mentioned in my previous response, this wouldn’t be possible without some custom development at this point unfortunately. The transparent header option is not available in mobile layouts at this time
Cheers