Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,765 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38354 comments found.

HiThemeNectar,

Would be possible to have one menu (Off Canvass) item not linked to any page: Like the ITEM 2 in the example below. It has to be just a Category Title with no page associated.

ITEM 1 (url#1) ITEM 2 (no url) SUB ITEM 2a (url#2) SUB ITEM 2b (url#3) ITEM 3 (url#4)

Thanks

Hey Ilic74,

It could be accomplished with CSS. Edit the menu link in Appearance > Menus and give a custom css class name of “no-pointer-events”. Then add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


.no-pointer-events {
 pointer-events: none;
}

Cheers

Thanks for the help.

I’ve tried the CSS code and the menu item (ITEM 2) has not hyperlink anymore but the arrow to open the subsection and show SUBE ITEM 2a, SUB ITEM 2b….doesn’t work either nso I cannot access to these pages.

The ITEM 2is like a category name with subpages and doesn’t have a page but the sub items have real pages.

Thanks

Hey Ilic74, for that setup you could just use a custom link with the url set to ”#” when editing your menu in the Appearance > Menus

Hello,

I’m trying to see why I’m not allowed to modify anything, when using the WPBakery frontend and backend it doesn’t appear anything… I don’t know what’s happening.

Can you check please?

https://idahc.com

Hey itzramphis,

I emailed you earlier today in regards – awaiting your response.

Cheers

Hello ThemeNectar,

Hope you’re keeping well. We have several Horizontal List Items…how can we remove the lines and reduce the gaps in between each of them?

Glad I could help, Micatuca :)

body .nectar-hor-list-item {
    border-bottom: 1px solid #ff0000;
}

Cheers

Cheers Themenectar, that one didnt actually work for me as it goes, We currently have it setup like this:

body .nectar-hor-list-item { padding: 2px; }

body .nectar-hor-list-item {
    border-bottom: 10px solid #ffffff;
}

Any ideas what could be wrong?

Also, is it possible to make the background image of an inner row full width?

Hey Micatuca,

Could you please share the URL in regards so that I can take a look?

I’m afraid there’s also no way to set an inner row as a full width background as of now

Hello, is it possible to onclick dropdown menu items instead of over? Thank you

sorry: Hello, is it possible to onclick dropdown parent menu items instead of over? Thank you

Hey danyno45,

The only built-in way to achieve that with Salient would be to use the off canvas navigation or the left header layout. Both of those variants will provide click based submenus by default.

Cheers

Hello! Me again!

Really appreciate your help with everything so far. Definitely my go to theme for future projects.

On the https://www.doggylottery.co.uk/the-charities/ website there’s lots of responsive issues where elements are overlapping.

Is there a way to eliminate this throughout the entire site rather than fine-tuning individual bits?

Thank you in advance! Adam

Hey Adam,

Edit the inner row that is holding the text “How we select the doggy charities we work with” and switch into the “design options” tab – it looks like there is some more negative top margin hiding in there.

Thanks again, that’s amazing. Now I’m experiencing issues with checking out. All details have been entered on the billing page but when I click proceed to PayPal a red strip with no text appears at the top of the site and nothing happens..

Do you have any ideas what could be causing this?

Thank you.

Hey Adam,

I can see that an internal server error is being logged in the browser console. Please check your server error log and scroll to the bottom for any errors marked as “fatal error” – this will let you know precisely what is failing.

When enbaling the “Header Box Shadow” (Please select your header box shadow here.) option in Salient (Theme Skin: Material) the header shadow works only on Desktop but not on mobile.

Is there an option/combination im missing to also show it on mobile? How to enable it with custom CSS? Can you please help me out? Thanks and regards!

Hey vizion-dan, can you share a page URL where the glitch can be seen and also let me know specifically what you’re referring to?

Hi for the moment I only have a screenshot, hope that helps?

After applying the provided custom CSS (see above) the solid header on mobile has the same drop shadow on mobile which was exactly what I needed and what was missing for consistency. See this screen please: https://remote.netzer.it/s/9YqZ2DebzgNXxKF/preview

If Salient shows the “transparent” header there is now a subtle shadow too, which looks not good and makes no sense to make visually as there is no header visible which could have a shadow. See attached screenshot please: https://remote.netzer.it/s/RBgBZLWnAesmNkZ/preview

And another example showing the transparent header feature and a dark header which also has the shadow whre there should be no shadow: https://remote.netzer.it/s/ZQa2oSoEgYPjpwy/preview

Hey vizion-dan, Try altering the previously provided snippet to the following:

@media only screen and (max-width: 1000px) {
#header-outer[data-box-shadow]:not(.transparent) {
    box-shadow: 0 3px 45px rgba(0,0,0,0.15)!important;
}
}

Hello again, It is possible to disable hyperlink colors site wide and have same color of the text? I can’t set a hyperlinks to be white for ex on all website because I will have same rows with text written in black and the links will be white. I would like somehow to remove this hyperlink color feature. Many thanks.

Hey nvr21,

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


body a {
    color: inherit;
    text-decoration: underline;
}

Cheers

Nice thanks

Hi! On our site www.airnet.dk we get this error code: “Warning: Creating default object from empty value in /customers/7/6/5/airnet.dk/httpd.www/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/class.redux_filesystem.php on line 29 Warning: Cannot modify header information – headers already sent by (output started at /customers/7/6/5/airnet.dk/httpd.www/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/class.redux_filesystem.php:29) in /customers/7/6/5/airnet.dk/httpd.www/wp-includes/pluggable.php on line 1210”

I can’t acces the wordpress dashboard, need help urgently!

Hey longkilos,

Did the issue start occuring after you updated/changed something in your setup?

Please reach out in regards via the contact form on my author page https://themeforest.net/user/themenectar

Thanks in advance

Hi! How can I translate the button “Read more” from blog posts?

Hey revcomunica, you can download the plugin “Say What”, and add in the translation like so: https://ibb.co/5T28KYQ

Thanks ;)

You’re welcome revcomunica :)

In Themeforest item details section it was shown there are 12 header layout but in Salient option panel there are only 7 layout to chose. So where can we access to that 5 layout like full screen menu?

Hey again Jabbarpour, the off canvas navigation is located in the Salient options panel > header navigation > off canvas menu tab: https://ibb.co/mDhtrwx

Hello! I am trying to adjust the fancy boxes of this home, and I am not getting the following:

1 -That all texts / icon are at the same height. Aligned to the top. I have checked the row option but it doesn’t work. 2 -Reduce a little the margins of the box. 3 -that all the columns have the same height although the length of the text is different. I have checked the row option but it doesn’t work.

Thank you!

https://blocknitive.com/home-extended/

Hey ivanbermejo!

1. The row option for equal height columns will only affect the columns themselves, not inner content/elements. To get the fancy boxes all at the same height, you’ll need to specify the “Minimum Height” field the same for all at an appropriate height. For your setup, 450 should work.

You can change the element to align everything to the top by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:

.nectar-fancy-box[data-style=color_box_hover] .inner {
    align-items: flex-start;
}

2. You can alter the margins with the following:


body .nectar-fancy-box[data-style=color_box_hover] .box-inner-wrap {
    padding: 7% 10%;
}

Cheers

When we chose left header in header layout, there is something wrong with header search button.
The first is that the position of the close button is incorrect. You can see it in picture number one.
Second, when we resize the browser window to tablet or mobile size and press the search button, the search window appears below the main menu while it have to appear in front. It’s clear in picture number two
Also, in left header layout we don’t have cart button. how we can bring it back and finally how can we change the position of the search buttons and the user account to the bottom of side menu?
http://uupload.ir/files/dyg4_1.jpg
http://uupload.ir/files/mlnu_2.jpg

Hey Jabbarpour,

1. The fix for those alignment issues will be included in the next minor release. If you’d like early access, shoot me an email in regards.

2. The cart in the left header layout sits fixed at the top right of the page: https://ibb.co/k4FhSWk It will only show when at least one product is in the cart.

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

#header-outer #top nav >.buttons {
    position: fixed;
    bottom: 20px;
    left: 20px;
}

Please use the support forum for multiple questions so that they can be properly indexed: https://themenectar.ticksy.com/ This area is reserved for quick questions/presale inquiries.

Cheers

Web: https://adamkocian.com/

Hello, please how to make this photo on mobile (https://ibb.co/PNcfGQT) smaller ? is so big

Thank you :-)

Hey again martin967 :)

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: 1000px) {
.full-width-content.vertically-align-columns .vc_col-sm-6 {
  min-height: 400px!important;
}
}

Cheers

Web: https://adamkocian.com/

Hello, I have small problem with menu on laptop screen, I dont see whole menu. Please how to fix it? Is there any solution to get font smaller? on laptop screen? I dont want use hamburger menu on laptoptop.

Please check screen: https://ibb.co/NjN398q

Web: https://adamkocian.com/

Hello, please how to make this photo on mobile (https://ibb.co/PNcfGQT) smaller ? is so big

Thank you :-)

Hey martin967,

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: 1400px) {
  #header-outer[data-lhe] #top nav > ul > li > a {
       font-size: 12px;
       margin: 0 12px;
  }
}

Cheers

H!!!

Is it possible to eliminate the ”+” signs or numbers of the points in an image with spots? Leave only the circle.

Thanks!

Hey ivanbermejo!

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


#ajax-content-wrap .nectar_image_with_hotspots .nectar_hotspot span {
  display: none;
}

Cheers

How can I change the size of the featured image left thumbnails in the blog list style? I need them to be more 16:9.

Hey mousemediainteractive,

The featured left thumbnail style cuts images to 900×600 – to remove that, you’ll need to edit salient/includes/partials/blog/styles/standard-featured-img-left/post-image.php and edit the lines using:

get_the_post_thumbnail_url( $post->ID, 'wide_photography', array( 'title' => '' ) )
to be
get_the_post_thumbnail_url( $post->ID, 'large', array( 'title' => '' ) )

This file can also be copied into a child theme to keep the modification persistent through future theme updates.

Cheers

This worked! Thank you very much. You guys are the best.

Glad I could help mousemediainteractive :)

Hi ThemeNectar,

I am trying to change the colour of the hover state for the Footer links found here: http://www.everyonesatheologian.com/legal-notice-privacy-policy/

Unfortunately, I am unable to change it. Can you please point me in the right direction? Many thanks.

Best, Alan

Hey Alan,

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


#footer-outer #copyright a:hover {
    color: #999966!important;
}

Exits any template inside Salient for Easy Digital Downloads products? If no, can provide any tutorial to evaluate if we can purchase Salient?

Thanks

Hey suprcb, Salient provides support for WooCommerce as the e-commerce platform choice – There are no templates relating to Easy Digital Downloads currently.

Hi there! Could you please check why all icons are not listed in the Text With Icon element? There are a lot of them missed or hidden. Any way to fix this? Thanks! c.

Hey bc-cog!

The text with icon is a legacy element that was superseded by the “icon list” http://themenectar.com/demo/salient-promo/icon-list/ Is there any reason that wouldn’t work for your use case?

Hey! Thanks for the quick response and tip. The thing is that I need to adjust the text independently from the icon (color, semantic, padding…). Anyway, I could manage an alternative with the classic “icon” element – although the look is also classic :) Best!

Hello, I would like to resize the menu toggle and social icons for screens bigger than 1200px, but can’t seem to find a way. Can you please help me out? Thanks and regards!

Hey pgspoor,

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


@media only screen and (min-width: 1200px) {
body #header-outer #top #social-in-menu i {
   font-size: 30px;
   height: 32px;
   line-height: 32px;
   width: 44px;
}

#top nav ul .slide-out-widget-area-toggle a {
    transform: scale(2);
}
}

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