Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,868 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38361 comments found.

I’m having trouble displaying the images on the team carousel in landscape view. I would like the images landscape instead of square please see link – http://176.32.230.3/stringer-flavour.com/about-us/#certification

Thank you.

Hey MarcGarner, are you referring to the thumbnails within the carousel itself or the larger image when you open the team member to reveal the bio?

The thumbnails

Hey MarcGarner,

What did you change the image size to inside of the “nectar_team_member” function? Could you copy/paste the modified segment into a pastebin so I can take a look at the code?

Thanks

Is it possible to edit the colour of the video lightbox button, I would like to use a colour other than one of the accent colours. Thanks

Hey MarcGarner,

It would be with css, which one of the video lightbox styles are you using?

Cheers

it is “play button with preview image”

Hey MarcGarner,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body #ajax-content-wrap .nectar-video-box[data-color] .nectar_video_lightbox:before {
  background-color: #000!important;
}

Hi :)

Is it possible using the recent posts visual composer element to only show sticky posts? I need a way to show three specific choosen posts on the front-page.

Hope it’s possible

Regards Christian

Hey Christian,

As of now that would require modding to the query within the nectar/tinymce/shortcode-processing.php file since there’s only options to query by category at the moment.

Some of my site pages load black and some page works good. Like: https://bit.ly/2VDUZPh https://bit.ly/2GeUVA7

Please help me. I haven’t enabled any caching plugin.

Hey utsavchopra,

Can you clarify further what you mean by “load black”? The two URLs you’ve shared both are loading for me seemingly normal: https://ibb.co/JBPhYFt https://ibb.co/Bjr5Gvg

Since I updated to 10.0.3 almost all images in the slider I’m using on the homepage are resized too big and cropped. These are Nectar Sliders, not the home slider. http://uweconrad.ch/dev/

Hey scratsmacker,

You’ll have to either convert your page to use the Salient WPBakery page builder where the Nectar Slider can be nested inside of a row instead of just output from a shortcode, or add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.swiper-slide .image-bg {
    height: 100%!important;
}

Thanks a lot for the quick fix. Keep up the great work!

You’re welcome scratsmacker :)

Hi. Hoping you can help. I have just started building a new site using Salient and the scroll magic plugin where elements are animated and use z-index to set the order. I have noticed that the tooltip is dynamically changing it’s z-index to ‘auto’ and is then falling behind other elements on the page. Any ideas on how I could avoid this?

Hey collier_creative,

Try to this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.nectar_image_with_hotspots .nectar_hotspot_wrap {
 z-index: 100!important;
}
.nectar_image_with_hotspots .nectar_hotspot_wrap:hover {
 z-index: 200!important;
}

Hi, Great theme. But I am having a weird problem

On My site http://optin.co.nz/treescapeweb which is on test server yet. If you visit the pages that are blog for eg. http://optin.co.nz/treescapeweb/category/blogs/ you will see the font is much thicker on nav and footer than the other pages. can you please have a look into that.

Hey yuktidogra,

please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

Thanks in advance

Hi, great theme and it works really well!

Just one thing that puzzled me (and I see some comments about it as well):

Some of the smaller columns and off-sets have strange % values that puts the content just a little bit off-center.

Is this something that you have done on purpose or is it something that you are fixing in an update?

I have fixed it with some css (below) but it struck me as strange.

Thanks! /Robert

@media (min-width: 1000px) { body .vc_row-fluid .vc_col-sm-offset-2 { margin-left: 15% !important; } body .vc_row-fluid .vc_col-sm-8 { width: 70% !important; } body .vc_row-fluid .vc_col-sm-offset-1 { margin-left: 10% !important; } body .vc_row-fluid .vc_col-sm-10 { width: 80% !important; } body .vc_row-fluid .vc_col-sm-offset-3 { margin-left: 25%; } body .vc_row-fluid .vc_col-sm-6 { width: 50%; } }

Hey Robert, thanks a lot :)

It’s a known issue and will be sorted in the next release for the Salient WPBakery page builder.

Cheers

Website – http://bit.ly/2IllW6F I think I found a bug on fresh installed wp and theme…

WooCommerce Products Settings – set to 2 columns https://nimb.ws/megU6o but on front it displays 3 columns, no matter what number I choose its still 3. https://nimb.ws/GSLlhA

Hey oddylab, please uncheck the option for “Enable Carousel Display” at the bottom of your product element settings. If it’s still showing as 3 columns, let me know so I can take another look.

Thanks in advance

Its starts to wok ok when “Enable Carusel Display” checkbox unchecked. You were right, but how to fix the issue when its enabled?

Thanks

Hey oddylab, the carousel plugin automatically calculates the column number when using the “caroufredSel” option for the “Carousel Script” field – try changing that to Flickity to get control over the columns.

Cheers

The Nector Slider is not showing any content on desktop but is showing the content on Mobile???

The css is displaying

.swiper-slide .content { visibility: hidden; }

Hey savacom100,

please share the URL where I can take a look at the issue to assist.

Thanks in advance

Hi TN,

I’m figuring out how to solve a couple of issues in the interface of a new website that I’m working on. It has to do with layers and I can solve this with a plugin like rev-slider, but that seems to be a bit of an overkill to me. So I hope you can help me out.

As you can see on this example (link: http://verwijderentattoo.nl/images/interface-example.png) I’ve built in Photoshop there’s an image with in the top left corner an orange colored partially transparent cell over it and on top of that a button (saying ‘INFO AVOND’). I thought with a WPbakery addon I could fix the job easily, but I can’t find the right add-on to use colored cells. Plus my client has to be able to edit the button content from time to time.

I seems pretty simple to me, but I’m breaking my head on this one already for quite some hours now.

Can you guide me in the right direction on how to fix this?

Issue 2 is the image at the bottom of my screenshot. This row contain a video with a partially transparent orange colored cell and text that comes over it.

Hope you can help me solve this puzzle. Thanks very much in advance.

Cheers, Marc

Hey Marc,

Here’s the row setup which you can paste into the text tab on your editor and then switch back into the page builder view to see how it’s done: https://pastebin.com/zB3VGHLe

Cheers

Hi ThemeNectar,

Man you really have the best support team in the world !!! I’m so happy with you.

https://www.verwijderentattoo.nl/images/flowers.jpg

:grin:

Glad I could help htusco! Thanks for the flowers :D

Hello, Please on the blog how can i change the default header colour? Also how can i make the active page on the sidebar to show the active colour, right now it does not.

I am also using the page siderbar menu template for my pages and it creates a lot of space between the menu and the contents. please help

Hey TruBrotha,

1. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


#page-header-wrap.fullscreen-header #page-header-bg {
  background-color: #999!important;
}

#sidebar .widget li.current-menu-item a {
 text-decoration: underline;
}

@media only screen and (min-width: 1000px) {

.post-area.span_9 {
    width: 80%!important;
}
#sidebar.span_3 {
    width: 17%!important;
}

}

Hi, I cannot get the Reviews enabled on our site for whatever reason. It is checked on the Dashboard, however the Product page does not display any area for a review to actually be written. Could you help with this? Thank you

Yes, exactly like that.

Thanks for confirming superhealth. Since there’s no known issue with Salient not displaying reviews could you also quickly do a test to see if they show up when switching to the default WP theme? If so, Please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look into this: https://themenectar.ticksy.com

Thanks in advance

I will have to give you a temporary admin as the Search Feature is also not working on Mobile devices.

Why is the WPBakery Page Builder tailored by the theme author? What are the advantages? Can I do with the Page Builder everything that I can do with the original?

Hey aljoschaz,

There’s a custom interface design, full set of custom salient specific elements with front-end editing support and a template library with over 250 section templates: http://themenectar.com/docs/salient/salient-studio/

hello, is this fully compatible with woocommerce? also, is there a functionality to change the menu on each page depending on the anchor of each row? thank you

Hey Grenkox,

1. Yes, Salient is compatible with WooCommerce – just make sure you’re using an updated version (v10+) to use the latest WooCommerce.

2. If you’re referring to using a separate menu for separate pages, that would require the use of a plugin

Cheers

ok thanks, i have a couple of problems with woocommerce, how can i change its colors, since the background im using is black some text is already black on woocommerce so it cant bee seen, also all the text of the products is in grey so it doent look good. I have chanche the row for light text but nothing happens. On the other hand, what plug in do you recommend to do the separate menu? thanks

Hey Grenkox,

1. Please share the URL where I can take a look at the issue to assist.

2. You could use this: https://wordpress.org/plugins/conditional-menus/

Cheers

​Hello,

This ticket is a feature request.​

TL;DR: :focus{outline:0} in styles.css is useless & makes webs less accessible.

===

I’ve recently faced an issue with one accessibility feature.

The mentioned feature is the blue (in most browsers) outline around focused element.

It is described in more details here: https://a11yproject.com/posts/never-remove-css-outlines/

The problem is that in style.css of the theme we have this line:

:focus{outline:0}

​This line effectively removes the default blue outline on tab making the site less accessible since people who navigate only with keyboard will not understand what they’re about to click on (you can try it easily on any website with salient installed. You press tab and you go down the page but having no clue what element has the focus now).

I understand that this line probably was added to prevent the blue outline appearing on click.

Yet, as for now, all major browsers (at least last version of Firefox, Chrome & Safari where I did tests) will not show blue outline on click by default.

About workarounds:

There are some but none is great, for example, we could:

• Add !important directive with a color of your choice like

:focus{ outline:5px!important; color: red; }​

But in this case the outline will appear on click also.

• Or add outline with JS,

but in this case if the user has JS disabled, the outline will not be added.

So, as a conclusion, it is a nice idea to make the theme at least a little bit more accessible by default specially when there’s actually no need to maintain this :focus workaround anymore.

Best regards,

Hey asuizainvest, thanks for the request – it’s been noted :)

Cheers

Hi ! I am trying to replace the icon of the slider down arrow by an other FontAwesome Icon. I have try the following code i have found on Google, but none of them works. I must be doing something wrong but can’t spot my error. Thanks for your lights. Cheers E

.icon-salient-down-arrow { font-family:FontAwesome !important; color: #000 !important; font-size: 55px !important; } .icon-salient-down-arrow:before { content:"\f078" !important; color: #000 !important; font-size: 55px !important; } .swiper-wrapper .swiper-slide[data-color-scheme=\"dark\"] .slider-down-arrow i.icon-default-style[class^=\"icon-\"]:before { content: \'\\f078\'; font-family:FontAwesome; color: #000 !important; font-size: 55px !important; } .swiper-wrapper .slider-down-arrow .icon-salient-down-arrow:before { content: "\f078"; font-family: fontAwesome; font-size: 55px !important; color: #000 !important; } html body .swiper-wrapper .slider-down-arrow i.icon-default-style[class^=\"icon-\"] { font-size: 55px !important; color: #000 !important; } html body .swiper-wrapper .slider-down-arrow { left: 98% !important; margin-left: -60px !important; color: #000 !important; font-size: 55px !important; } body .swiper-wrapper .slider-down-arrow i.icon-default-style[class^="icon-"] { font-size: 55px !important; color: #000 !important; } .swiper-wrapper .slider-down-arrow i.icon-default-style[class^=\"icon-\"]:before { content: "\f078"; font-family: fontAwesome; } .icon-salient-down-arrow { font-family:FontAwesome !important; color: #000 !important; font-size: 55px !important; } .icon-salient-down-arrow:before { content:"\f078" !important; color: #000 !important; font-size: 55px !important; }

Hey fantome_in,

Can you please share the URL where this is applied so I can take a look?

Thanks in advance

Hi, is there any element/feature in the Page builder that one can leverage/(ab)use to implement “Photo Proofing” gallery for customers? That is, a password protected page to choose a certain number of photos (favorites) from a photo shoot and submit this choice back to the photographer. For example https://themes.themegoods.com/photography/demo1/galleries/photo-proofing/ ?

Hey davydden, there’s no built in functionality to handle that other than to manually create different password protected pages with galleries on each one.

Cheers

Do photos in galleries support Like/un-Like feature that I could ab-use for selection? Perhaps also filtering based on Liked (==chosen)?

Hey davydden,

The gallery element doesn’t offer integration with the “like” functionality – only the actual portfolio post type does. The same goes for the isotope based filtering.

Hope that helps,

cheers

Good day. Could you tell me, please, how to remove the description (woocommerce-tabs): https://www.screencast.com/t/nDrdLbS6zp Thank you/

Hey djoosstas,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.woocommerce-tabs .tab-container {
  display: none!important;
}

Thank you

You’re welcome djoosstas :)

Hi, on this page: https://tkb.kleidi.nl/ Is there a way to get my logo as left as possible. like it’s coming out on the left side, so there is no white on the left side of the logo. Thanks in advance.

Best regards

Hey Abbenhues,

add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


#header-outer[data-full-width="true"] header >.container {
  padding-left: 0!important;
}

Cheers

Yes, perfect! Works fine on desktop. Can we fix the same for mobile? Thanks again.

Hey Abbenhues, use this as well :)

@media only screen and (max-width: 690px) {
html body #header-outer[data-full-width="true"] header > .container, 
html body #header-secondary-outer[data-full-width="true"] > .container {
    padding-left: 0!important;
}
}
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