Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,237 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38440 comments found.

Me again!

Tiny issue: I’ve got the following page set to full screen rows, but disabled it for mobile.

Everything works on mobile and desktop but I noticed that when I view this page in landscape on an iPad Pro or iPad the first and third sections are cutting off content, with the first one a fraction of the size. No issues when viewing in portrait.

https://www.simtrainer.uk/courses2

Any ideas? Thanks for all your help! :)

Hey rsuproniuk :)

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


.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded) .full-page-inner-wrap-outer,
.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded) > div {
  height: auto!important;
}

Cheers

Sorted! Thanks again

You’re welcome rsuproniuk ;)

End of another month is here again. Still no delivery on those promised new demos in the new release?

Hey BlueScreenPanda, The release is in the process of getting tested. If you would like to get early access to the new release, we will glady provide that if you reach out in regards. However, we are not going to cut beta testing prematurely on a major release. Our priority is having a stable rollout.

Cheers

Quick bug: If you have a background image on a row, “in container” AND a shape divider, it pops the bg image full width. https://prnt.sc/roln7y

Question: Is there a way to have a row with a border radius AND parallax? I know this seemed to only be controlled via columns, but i’m trying to have a row, with a background image, that is parallax and have that row have a border radius.

Currently I can only access parallax option from a Row’s background, and there is no border radius for a row, so I have to add the background image for the column instead of the row, which is fine because I have access to a border radius, but then I can’t turn on parallax – because that’s a row only feature – leaving me with a row with an image and border radius, but no parallax.

Essentially trying to recreate the header at the top of this page, but not of posts. http://themenectar.com/demo/salient-corporate-3/corporate-3-news/

Thanks!

Sorry to keep bothering you. I noticed when I change a row from Full Width Background to In Container, it ads a space above my row. Which I kinda wish wouldn’t happen because I didn’t tell it to do that. I tried putting a negative margin in the rows main column but that didn’t do anything. Here’s a link if it helps http://site-tonight.com/estate/how-it-works/ Thanks!

ok nvm I fixed it with this body[data-header-resize=”1”] .container-wrap, body[data-header-resize=”1”] .project-title { margin-top: 0; padding-top: 0px; } But to be honest, Wish I didn’t have to do any custom css, because this added padding was unintended. That’s one of the things I love about salient is that it has so many options integrated so I don’t need to spend wasted time fittling w css that I suck at.

You’re welcome SiteTonight, glad you got it sorted :)

hey!

Is there any way to make one element of the menu different color? My site is this one: https://www.karolinafotyga.com/ What if I wanted to mark “BLOG” red for example? Thank you! :)

Glad to hear, Karolya :)

The correct way to change the item selected is through the nth-child number:

#header-outer #top nav >ul >li:nth-child(4) a {
    color: #ff0000!important;
}

#top nav >ul >li:nth-child(4) a:after {
  border-color: #ff0000!important;
}

Please update the code to that and let me take a look once you have done so

Works like a charm, thanks! :)

Glad I could help, Karolya

Hello salient :)

I found a bug that also shown in your demo site: http://themenectar.com/demo/salient-ecommerce-ultimate/

The prices in ‘product quick view’ on the homepage looks buggy while on inner page it looks good.

Screenshots: https://www.supersafe.co.il/cloud/index.php/s/edXDY222r6PCeH7 https://www.supersafe.co.il/cloud/index.php/s/P6nzgCPb4JEdC4t

Hope you can fix this bug and maybe provide a quick fix that we can apply before the next Salient update?

Thanks very much for your great work!

Hey lironnave,

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


.nectar-quick-view-box .summary .price ins {
    font-weight: normal;
    text-decoration: none;
}
.nectar-quick-view-box .summary .price ins {
  font-weight: 700;
}
.nectar-quick-view-box .summary .price del {
   color: rgba(145, 145, 145, 0.5);
   font-size: 0.67em;
 }

Cheers :)

Hi everyone. It’s my first time going through this issue and it’s literally driving me nuts . My next/prev links in posts are showing two different colors (one is grey/one is white?) Can someone pls provide a fix? Thank you !

Hey wgh3,

The next/prev post title will inherit coloring from the “Page Header Font Color” that is set for each post. Can you edit the posts and verify that’s either not set or that it’s set to the same color?

Cheers

Thanks so much! It worked.

I’ve encountered an other issue since :D Is the transparent header applicable for posts? It’s not working for me on my blog posts and it’s messing up my navigation on mobile since colors are black on black. Please let me know if there’s a hack to force transparency on posts :) Thank you for the quick reply

Hey wgh3, Can you please share the actual post URL where the issue can be seen so I can take a look?

Thanks in advance

Hello again! I’m struggling to get icons in the left hand footer widget for social media rather than in the copyright section.

I’ve popped in the code for them to appear but they’re showing one above the other. How would I go about getting them all on one line?

Thank you.

https://www.doggylottery.co.uk/

Hey RhodesignUK!

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


#footer-outer #footer-widgets .col .social li {
  display: inline-block;
  margin: 10px;
}

Cheers

Is there any way to get your portfolio on a 5 or 6 column grid? and a 2 column for mobile? Thanks in advance!

Hey bradhoen,

Are you using a masonry layout or regular columns? If you could share the portfolio URL in regards I’d be glad to provide an example snippet :)

Cheers

Thanks for your reply! here is the URL – http://new.lendertoolkit.com/powertools-enterprise-detail/ I just want to show these smaller in a 5 or 6 column grid, and possibly a two column grid for mobile. Really appreciate your help :)

Thanks bradhoen,

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: 1000px) {
.portfolio-items .col.span_3 {
    width: 16.6%;
}
.portfolio-items[data-ps="9"]:not(.carousel) .col.span_3 .work-meta {
    min-height: 85px;
    width: 100%;
}
}

@media only screen and (max-width: 690px) {
body  .portfolio-items:not(.carousel) .col.span_3,
body .portfolio-items:not(.carousel) .col.span_6 {
  width: 49%;
}
}

.portfolio-items[data-ps="9"]:not(.carousel) .col.span_3 .work-meta  h4 {
    font-size: 15px;
}

Cheers

Hi there

I’m building a site and was looking at using Salient, I need to build a template page that can be updated and deployed across hundreds of pages.

I know I can build a template and set that template on hundreds of pages but is there a way to make changes to that template which then enables me to deploy and update the hundreds of pages using the template?

Thanks

Hey stsw,

WPBakery offers an addon for this called Templatera: https://wpbakery.com/addons/templatera/?q=%2Faddons%2Ftemplatera%2F&v=9025a1ae8c64

Cheers

can I edit the photo’s size of the shop’s product page? where to change it ? thanks!

https://reurl.cc/62DeWO

Hey no333, you can alter the aspect ratio/size load through the WP Customizer > WooCommerce > Product images tab.

If you’re trying to alter the column setup of the page layout itself, Salient uses a smaller size for the image when the “Bottom Aligned Thumbnails” is selected for the Single Product Gallery Type in the Salient options panel > WooCommerce tab.

Cheers

Hi there, is it possible to use a toggle panel in a tabbed section? Thx for help!

Hey marcosimonetti, Unfortunately that is not possible at this time.

Hiya,

I was wondering if you could do something like this in the next update? This is just a screenshot from Udemy: https://imgur.com/a/7PfrO0W

I have been using the team carousel to display courses but it’s not ideal as I’d like them all visible on mobile. Also the little ribbons would be great for highlighting new courses or for categorizing etc.

Just a suggestion, keep doing great work! Stay safe!

Awesome, thanks! :)

Actually quick question: I’ve got the following page set to full screen rows, and disabled it for mobile. It works fine on desktop, fine on mobile but I just noticed that when I load this page on an iPad Pro ( it’s working fine on a regular iPad) https://www.simtrainer.uk/courses2 the first and third sections are cutting off content, with the first one a fraction of the size. Any ideas? Thanks for all your help! :)

You’re very welcome, rsuproniuk :)

Can you tell me why I can’t import the demo of “ONE PAGE CLASSIC”? He tells me it’s all important but it really doesn’t matter. Thanks

I’m having an error in the import. He tells me it imported but there is nothing.

How should I solve it?

Hey infotek, have you already looked in the page section of your wp admin to verify the page does not exist? 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

Hi guys, I’m trying to import / export a WooCommerce tax CSV file in to my site and I keep getting this error from the redux framework (the CSV keeps failing).

AH01071: Got error 'PHP message: PHP Warning:  Creating default object from empty value in /public_html/wp-content/themes/salient/nectar/redux-framework/ReduxCore/inc/class.redux_filesystem.php on line 29'

Still getting the error on a clean install, with no plugins (except WooCommerce activated). Not sure what that error is referring to? Any ideas? Thanks!

Hey SeanAUS120, are you using PHP 7.4? If so, the current release is only compatible with 7.3, but the upcoming version will be adding compatibility. If you would like to get access now, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Yes, I am using 7.4. I didn’t see any conflicts before so I thought it was all good! OK, i’ll wait for the next update… website works fine with 7.4 it just has issues with this download. Thanks!

Sounds good SeanAUS120 :)

Cheers

Hi ThemeNectar. Hope you are well. Love your theme so far. Really great work here. After updating a few days ago, I seem to have stumbled into a Gallery bug. Whenever I load a page, the gallery is displayed off. After one or two refreshes, it all goes back to normal. To see exactly what I’m talking about, please watch the following clip: https://youtu.be/aNjUp780bag

My website running Salient is www.catalinchitu.ro, and this occurs in the Proiecte and Blog pages, because there I use the Gallery. Hopefully you can have a look.

Thank you in advance and have a great day! Catalin

Hey ktakytzu,

It looks like some of those images do not have the needed sizes on the server for the photography masonry layout. Please try running this plugin:

and regenerating all featured images:

https://wordpress.org/plugins/regenerate-thumbnails/

Cheers

Hi ThemeNectar. Thanks for your help. I’ve been having problems with this plugin, because it’s really slow and doesn’t regenerate all thumbnails without lots of errors. Somehow over night the problem got solved. Thanks again for everything! Stay safe!

Glad you got it working, ktakytzu

Stay safe as well :)

after a recent update to the theme my portfolio isn’t displaying items 4 across anymore (I checked and the settings are still set to be 4 across). Is there a problem in the code or css here? https://www.nickypellegrino.com/books/

Hey monstrous, This will be corrected in the coming update. For now, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:


body .portfolio-items .col.span_3 {
    width: 24.9%;
}

Cheers

ThemeNectar,

Please visit the following link: https://neileverosborne.com/

Can you please let me know how I can change the style of the dropdown menu as I currently do not like how it’s displayed. Many thanks.

Best, Alan

Hey Alan, try to add this into the custom CSS box:

@media only screen and (min-width: 1000px) {
body #header-space {
    height: 123px;
}
}

AWESOME!!! For the life of me I couldn’t figure out what was happening. Your code worked perfectly. Many thanks.

Best, Alan

You’re welcome Alan :)

Hi ThemeNectar,

Link: https://neileverosborne.com/photojournalism/magazines/bear-essential-with-smithsonian-magazine

I added Social Media icons using the ‘Social Buttons’ option. However, since upgrading to the latest Salient version the icons appear with a box and text, which I do not like as I would only like to have the social icon appear.

I was able to hide the border and text to leave only the icon, however I am unable to change the hover state. Can you please shed some light on how to change the hover color as it’s currently set to White.

As always your help is greatly appreciated. Many thanks.

Best, Alan

Hey Alan,

.sharing-default-minimal .nectar-social .nectar-social-inner a:hover i {
  color: #000!important;
}

Heya ;-)

How can i change the size of the Mouse Indicator Circle of the Post Grid in css ?

All the best, N

Hey borismerkfeld,

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


}
body .nectar-drag-indicator, 
body .nectar-view-indicator {
    z-index: 400;
    left: -70px;
    top: -70px;
    width: 140px;
    height: 140px;
}
body .nectar-view-indicator span {
  line-height: 140px;
}

Cheers

I’m using the center menu layout (Logo inline), but have an odd number of pages. it looks like by default it adds the “odd” page to the right of the logo…is it possible to add that to the left instead? Because of our page names, it would be more balanced this way…heres our site https://brndmgmt.com/

just trying to move “Gold & Platinum” to the left of the BRND MGMT logo.

Hey tmudd89,

That would require the use of custom CSS to avoid modding the core javascript. 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: 1000px) {

#header-outer[data-format="centered-logo-between-menu"] #top .span_9 {
   padding-left: 0!important;
   margin-left: -8px;
}

#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li {
  margin-right: 0!important;
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li:nth-child(4) {
  margin-right: 192px!important;
}
}

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