Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,825 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38356 comments found.

‘Text To Display In Header’ under Layout & Content Related.

How do I hide this from the mobile menu? I want it on desktop but not mobile. Thanks!!

Hey michellemarlowe!

Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:

body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
  display: none;
}

Thanks so much!

You’re welcome, michellemarlowe :)

Hi, I am trying to use Nectar Slider twice on my home page. 1 for Desktops and Tablets (disabled for mobiles in Responsive Setting), 2nd for Mobiles only with Responsive settings disabled for Desktops and Tablets. The challenge is, slider is invisible, but the place holder space is still visible. you can see this on demo website: sonicasarna.in

Please help.

Hey alokupadhayay,

I’m currently only seeing one instance of the Nectar Slider being used on your home page. Can you verify that you still have the second one active? If so, can you kindly attach a screenshot of the space issue you’re referring to?

Thanks in advance

Hi, at present I have disabled that and found a way around. However Will implement on another page and share with you. Just in case if its a bug, can be fixed.

Hello ThemeNectar. I have searched for a while for the answer by myself before getting here. It seems that every image in every row of my pages are loading again when entering in the viewport. the loading time is very long and it show huge portions of the background color over the content. Yeah this is bad. i am building the website at the moment and in comparaison of your demo its not the same im afraid :( could you take a quick look to my page ? https://bit.ly/2V2nk6C i am using only the “standard” suite of plugins with no css or js alteration. Please le me know if you understand and if you know what seem to be the issue. Thank you PS: the effect is really obvious when you scoll fast.

Yes you are right. I had to switch my macbook pro on graphic card only. and not the apu to verify this. But i dont understand why it is happening only on your theme. I never experienced this on any other website. Is there any css code that can improve rendering ? Thank you for your support.

Hey basilroland,

It’s likely due to the animations which are used on that page – we already use the latest available CSS techniques for high-performance rendering, but the demo page still makes use of a bunch of animations which. Are you experiencing the issue on other pages throughout the site?

No that was only on the home page but i will reduce the amount of animations. it will solve the thing i hope. Thank you again.

Hi there, I am trying to upload the theme to wordpress but it kept giving me the two lines below. I tried it multiple times and wasn’t able to get it to work.

“The link you followed has expired. Please try again.”

Thank you! I changed the max upload size and I was able to go pass that error screen. But I got a new error on the installing page:

Installing theme from uploaded file: themeforest-yUQdq8aA-salient-responsive-multipurpose-theme.zip Unpacking the package…

Installing the theme…

The package could not be installed. The theme is missing the style.css stylesheet.

Theme installation failed.

I got it to work :)

You’re welcome liyaozju :) For anyone else who comes across this – That error would show when you’ve uploaded the main .zip archive downloaded from ThemeForest instead of the “salient.zip” theme zip: https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error

I remember in previous salient versions I was able to set the responsive breakdown to at least 1300pixels or less so that my menu becomes responsive when viewing on a laptop and not break the menu so the menu items that are two words slot underneath each other. Why don’t I see that functionality anymore?

Hey gustav939,

You can still set the mobile breakpoint – its newer location is within the Salient options > header navigation > mobile header tab. Kindly let me know if you’re unable to access it there.

Thanks in advance

thank you I missed that!

Glad I could help, gustav939 :)

Hi again,

I want to create a page without a header image/slider. I am also using Yoast SEO > breadcrumbs. My body content starts with a purple bg color, some text and a btn. Between the header menu and this purple container I have breadcrumbs with the standard bg color of the page. I thought If i make the bg of breadcrumbs also purple and edit it a bit it will nicely blend in.

But cant find the most easy CSS.. can change the position and z-index but maybe there is a more easy way. Hope u can help me out.

Hey Mikel2020,

You can use the following CSS snippet for that alteration:

#breadcrumbs:before {
    margin-left: -50vw;
    left: 50%;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    content: '';
    display: block;
    background-color: #9c29ff;
    z-index: -1;
}

thanks, will try this :)

Hi there, want to use 2 buttons next to each other and using a text editor > shortcode > btn.

Whatever I choose I always get this: [button color=”undefined” hover_text_color_override=”undefined” url=”/” text=”my txt” color_override=”#f69c2a” hover_color_override=”#f69c2a”] 

I would like to have a ‘see through button w/hover’. Any other option or can you provide me right shortcode?

Hey Mikel2020, Are you using the latest version of the Salient shortcodes plugin (v1.5)? If so, that shouldn’t be occurring and I would need to take a look at your setup to see what’s going on. You can use the following shortcode structure for that button style in the meantime:

[button color="see-through-2" hover_text_color_override="#fff" size="large" url="#" text="Button text" color_override="#f69c2a" hover_color_override="#f69c2a"]

Kind regards,

Thx for the shortcode. I am using an old staging version. Will update right away :)

You’re welcome, Mikel2020 :)

Dear Salients,

there is a gap by using shape dividers in connection with 4k-monitors. Chorme and Edge only.

See screenshot here:

https://www.born-design.de/DL/shapedivider.jpg

Cheers!

Hey born-design,

I’ve noted to investigate that further. Could you also kindly share your URL so that I can replicate your settings?

Cheers

For sure:

https://www.born-design.de/

(see above :-)

Cheers!

Thanks born-design :)

Sorry, wrong question to wrong product.

When are you going to be releasing an update to support WP 5.8 and WooCommerce 5.5.1?

Hey Clix2Brix18,

There are no known compatibility issues with the latest WP or WooCommerce versions. If you’ve run into any problems, please specify them. The next minor release will be out early August, unless new compatibility issues are found with 5.8.

Kind regards,

Hello please i need some guide. How can i make my header menu item to spread https://prnt.sc/1di2yoh https://prnt.sc/1di2v6h out to fill the full width with spacing like the zillow header?

Hey TruBrotha,

The new “Centered Logo Menu Alt” layout spreads the left/right menus to the edges – ensure that you have the “Full Width Header” option also enabled in the Salient options > Header navigation > layout & content related tab. If you already do, please share your website URL in regards so that I can take a closer look.

sent you a message

Thanks TruBrotha, I responded earlier today in regards.

Hey guys, I was just wondering how to get rid of this weird padding issue to the right of my single post titles. As you can see here, there’s a lot of blank space where the words in the title can clearly fit. https://strivingblogger.com/blog-vs-instagram/ And this post as another example: https://strivingblogger.com/save-money-or-travel/ Cheers in advance :)

Hey, try to add an !important on that property :)

.single.single-post .section-title h1 {
    max-width: none!important;
}

Cheers legend, I adjusted the ‘none’ to 760px (the width of the image), is that alright to do? Like it fixed the problem but I’m just double checking that it’s all good. Thanks.

Hey strivingblogge,

Yes, that’s fine to do :)

Cheers

Hi Salient,

I’m making this page: https://eventsoftwarebenelux.com/api-informatie/ (password protected: ESB2021) and I would like the menu on the left to be sticky. I made it with a sidebar widget. I would prefer to make it in a column and that that column will be sticky and the other one can scroll down. Is that possible? If not, how can I make the sidebar sticky? Thanks in advance! I’m trying to create something like this: https://www.ticketmatic.com/docs/api/ If you have any other suggestions how to create this with Salient theme that would be most welcome!

Hey Tes,

Unfortunately adding toggle functionality to that element would require custom JavaScript, which is a bit beyond the scope of regular theme support. You may be able to find a plugin that offers a more advanced menu widget with that option that could be used in that area.

Kind regards,

I understand, thanks! I used Bellows Accordion Menu plugin and used some custom css but that’s working fine:) Thanks again.

You’re welcome, Abbenhues :)

Hello,

It is a bit late but i would like to ask about the web accesibility that salient offers. I have used the theme and show element options that refer to the web accesbility but i have an upcoming project on creating an e-shop and needs to be compilant with WCAG 2.0 and AA checker.

So before looking for a plugin that will provide some tools, i would like to ask if there is any demo page that i can check with the achecker? Or any documentation that refers to that part of your theme?

Best Regards

Hey supp0rt,

We’ve added various accessibility fixes and options in v13 – you can test the latest demo in regards: http://themenectar.com/demo/salient-ecommerce-robust/

( We used https://www.webaccessibility.com/ for testing )

How do I change the overlay color in the portfolio hover without changing the accent color? – this is not working: body .portfolio-items .work-info-bg { background-color: #666 !important; } see here: https://www.architech.co.za/new/projects/

Hey gustav939,

You can alter that with CSS by changing to your snippet to the following:

#ajax-content-wrap .portfolio-items .work-info-bg { background-color: #666 !important; }

Kind regards,

Are there plans to incorporate an events calendar?

Hey Coastdesign, Yes the events calendar is compatible with Salient. Have you run into an issue?

I haven’t tried it yet. Will let you know. Thanks for the reply.

You’re welcome, Coastdesign :)

Hi, How can I hide my sidebar navigation in a specific page so that the rest of the contents appear full-screen? I’ve tried to hide it, but it looks like this: https://hipomotoprod.wpengine.com/registro/ Thanks!

Hey apinzon,

In the “template” dropdown in the page attributes metabox, you can select “No header” to remove that: https://ibb.co/fYVwQ5K

Cheers

Oh wow! I didn’t know this functionality. Has it always been there? I’ve usually always decided to hide the header/footer with custom CSS rules. What do you recommend?

Hey apinzon, it would be easier to make use of the provided page template so that you don’t need to add extra CSS :)

Hello guys,

Is there a quick code snippet I can add to the custom css box which allows me to change the font size and color of the initial price when im running a sales campaign? Right now the initial price is gray (on white background) and much smaller than the current (discounted) price. Heres a ps with the current situation :) https://ibb.co/q1DfgdY

Hey bogdan_stanciu :)

Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:

#ajax-content-wrap ul.products li.product .price del .amount {
    color: #ff2626;
    font-size: 2em!important;
}

Thank you Mr. Misterious ThemeNectarMan! :)) Works like a charm xoxo

You’re welcome, bogdan_stanciu :)

Hi ThemeNectar,

I am trying to change the column width of my website that contains body copy (text) while keeping some elements full width.

This page gives you a great example of the current layout: https://staging.evermaven.agency/campaigns/future-oxford-with-oxford-county/

I have already disabled the “Extended Responsive Design” option within Salient but I would like to make the columns narrower. Can you please give me some insight as to how this can be done, more so for mobile devices (phone/tablet)?

Many thanks.

Best, Alan

Hey Alan,

1. Yes, it will reduce the space on the left/right by 10% in all viewports.

2. Please provide a screenshot highlighting which columns you’re referring to and also if you’re referring to the horizontal or vertical gap between them.

Kind regards,

1. That’s great. If I wanted to add the CSS code to different media queries, can I use the same code or would I need to change it? For example, would the code be different for use on desktop compared to mobile/tablet?

2. See screenshot here: https://prnt.sc/1dkdk22. I am referring to the vertical gap between the left-side title and right-side copy.

3. Is there a way to change the width for the sections containing the copy only? Currently the code you provided changes the width of the video as well.

Thanks again. Best, Alan

Hey Alan,

1. You can place it within media queries:

@media only screen and (min-width: 1001px) {
.wpb_row:not(.full-width-content) > .span_12 {
    padding: 0 10%;
}
}

@media only screen and (max-width: 1000px) {
.wpb_row:not(.full-width-content) > .span_12 {
    padding: 0 15%;
}
}

2. You can edit the row which holds the columns and adjust the “Column Margin” parameter.

3. If you’d rather have precise control over different sections, you can simply use the row left/right padding option for your desired rows: https://ibb.co/mCVvtLF

Cheers

hi! https://www.porrassa.com/en/projects/ any way to show all so the ALL button to show all projects, but hide the projects of a of a certain category? thx

Hey dimage,

The easiest way to achieve that would be through using a tabbed element and placing each different instance of the post grid in each tab so you can control which grouping of categories you would like to show for each filter.

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