Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,375 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

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?

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; } }

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

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-4317502

Thanks.

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!

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey