Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,221 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38439 comments found.

https://www.prepsos.com/ check out my site on a phone and hit the menu. I’m not sure why the icons disappeared. I think it started happening when WP v5.x came out.

Good because we need it! :)

How do I get on the beta list?

Hey MikeMurphyINC, please just send an email requesting access via the contact form on my author page https://themeforest.net/user/themenectar :)

Hello,

What would be the best way to have a pattern offset behind an image like so:

http://i65.tinypic.com/j0l1l1.png

Is this possible within the theme or does it require more extensive coding?

Thanks

Hi,

The URL is http://chewsedev.wpengine.com/where-we-are/

The overlapping square would go over the image of Chicago.

Thanks

Hey aqochoa, you’ll need to give your column a class name such as “custom-top-right-text” and then

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


.custom-top-right-text .vc_column-inner:before {
    display: block;
    background-color: #000;
    padding: 10px 20px;
    position: absolute;
    right: 0px;
    top: -15px;
    color: #fff;
    line-height: 16px;
    font-size: 16px;
    content: 'Coming Soon';
    z-index: 100;
    transform: scale(0.9) translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.3s cubic-bezier(.21, .6, .35, 1);
}

Thank you, this worked great.

Another issue I’ve found is in the blog navigation. The arrows are misaligned in the previous/next nav at the bottom of single posts. I’ve mocked up an example here.

http://i65.tinypic.com/2dslagi.jpg

Is there a way to get these centered/aligned?

Hello,

Can you take a look at the issue I’m having with the hotspot tooltips.

Please look at this link – https://www.redchilli.designofeden.co.uk/redchilli-fr1/#frameset

Click on the second tab ‘Disc Brakes’

Click on the furthest right hotspots – they seem to get thinner as they go to the right. I have put the positioning of the tooltips to the ‘left’ but none of the tooltips on the tab seem to be obeying their positioning in the settings. They all seem to be on the right.

This doesn’t happen on the first tab, only the second.

Hope you can help, many thanks. Liam

Hi Guys,

Thanks for your quick reply. That works ok as a temporary measure however, it’s still ignoring my positioning settings, so when I put ‘Left’ ‘Right’ or ‘Bottom’ it still is positioning the tooltip to the top. Meaning some of the tooltips are getting cut off, out of the viewing area.

I don’t understand why because the 1st tab – ‘Rim Brakes’ is working fine and registering my positioning ok. It’s only the hotspots in the second ‘Disc Brakes’ tab.

Many thanks, Liam.

UPDATE:

This isn’t specific to just the one tab, it seems to be a responsivity issue, as it only does it as some screen sizes and not others, but occurs on both tabs.

Hey Utopia_Creative,

it’s an issue caused by the calculations occurring within a hidden element – it’ll be corrected in the next release. If you’d like a copy of the beta when it’s ready, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

HI, I’d like to add a background image for my footer (the big one not the small copyright one). The settings have an option for that… I’ve added my image and it’s not working. I’ve tried playing with opacity settings and all that but it’s still not working. I even copied this custom CSS I saw on a different post and it’s not working: /Sets The Image In The Footer To Not Repeat and Scale Accordingly/ #footer-outer { background-image: url(/wp-content/uploads/2019/01/darkslate.jpg); background-repeat: no-repeat; background-size: cover; }

Thanks

Hey jensdes, please share your URL in regards so I can take a look.

Thanks in advance

Thanks jensdes,

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

#nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {
   background-color: transparent!important;
}

Hi, how can I increase the page transition time? Thank You!

Hey WebKma,

That would require modding the salient/js/init.js file – search for ”//fade loading animation” and adjust the value of “500”

Cheers

yes! thanks!! ;)

You’re welcome WebKma :)

Hi there, a change I made in the CSS for the list items only seems to apply when visiting the page in Chrome. Firefox and internet explorer show the text in all black.

theschoolradius.com

Look under – Do you struggle marketing your school?

Thank you!

Thanks crownjewelpro, I’m currently seeing that apply the same in Firefox/IE as in Chrome – have you tried to clear your cache yet?

Ah, that worked! Thanks.

Glad I could help crownjewelpro :)

Hi! For “link” formatted posts on masonry blogs with classic enhanced style (see https://jtestsite.wpengine.com/news-4/ ), is there a way to automatically add the post date? Also, is there a way for these posts to show the featured image in the background like they do in standard blogs with featured image left style (like this: https://jtestsite.wpengine.com/news-2/ )?

Hey vosjcc,

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


body article.post.quote .post-content a:hover .quote-inner, 
body article.post.link .post-content a:hover .link-inner {
    background-color: #f15d25!important;
}

Cheers

Great, thanks again!

You’re welcome vosjcc :)

Hello! I don’t know why but sometime design on pages not responsive anymore. For example, 3 columns stay same 3 column on mobile and I cannot change it. Pls advice? Thanks

Thanks a lot for your reply. Unfortunately, my support subscription expired :) Can you give my some advice here what it can be? I was trying to play with Responsive admin setting etc. but no results. Anything to do with old PHP? I don’t have access to hosting panel.

Really appreciate your support!

Hello! I found a problem, after updating – responsiveness was off in VisualComposer. thanks!

Hey SiamNinja, thanks for letting me know :)

The scroll to top when filling in product variations is really annoying, if it’s a longer form it makes it really difficult to fill in.

Is there anyway to disable that? ​

Thanks samunderwood,

The scroll to top is there to show the new variation image, however on your setup it looks like the image is always the same. You can remove that in the salient/js/nectar-single-product.js file by commenting out/deleting this line:

nectar_scrollToY(0, 700, 'easeInOutQuint');

Thank you! On mobile, the image gallery isn’t working for some reason. If I click on an image it doesn’t change to it. Example URL here – https://www.eludesigns.co.uk/product/dahilia/

Hey samunderwood,

the fix for that issue is in the current beta – you can sort it on your end now by adding 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) {
.product[data-tab-pos="fullwidth"] .summary.entry-summary {
    clear: both;
}
}

After upgrading the theme. My site css got crashed. Please help me fast

Hey utsavchopra, are you referring to custom css? If so, where are you storing it and can you share the actual URL so i can take a look to assist?

Thanks in advance

Hi ThemeNectar,
I’m getting inconsistent outcomes with the Infinite Scroll pagination type on the Blog/ Recent Posts blocks. When I use the Minimal layout style, things get broken after the Infinite Scroll kicks in at the bottom. Rather to continue the same style, it loads it in a grid layout. Why is that?

Hey BlueScreenPanda, could you share the URL in regards so I can take a look?

Thanks in advance

When a client adds a “single image” – Is there a way they can change the image size / ratio? Previous WPB builders allow me to enter 300×400 for example?

Hey ivoryred, as of now you can’t select a cropped image size from the “single image” page builder element, though we will likely be adding that option in soon.

Hey there. I am really struggling with, what seems to be, a weird limitation with Salient. I can not understand why there isn’t a Full Width Background that can expand to 100% width on mobile. If my design uses a 1/4 + 1/4 + 1/2 layout, I should not have to have those 3 columns “squished” into, what appears to be, a container format on mobile.

I do not want to use a Full Width Content option because I am not interested in having every row expand to 100% width on Desktop. I’m a bit bewildered because you guys are INCREDIBLE developers. The functionality I am looking for has been available in Avada for years. I’m using their theme right now because it feels like I’m “stuck” based on what I need to accomplish.

Hey arteest, as we mentioned a little bit ago unfortunately there’s no way without custom development to alter a full width background row type into a full width content row type on mobile devices without custom modding. We have not released an update since you last posted which includes this functionality – right now our priority is the new Envato theme guidelines. Once we release that update, we’ll get back to new feature oriented development.

Cheers

Dear Friends for some time now posting blog posts is a struggle. The dashboard for creating posts looks so weird, the column for a new post is a frame within the frame for the previous look of posts. So the posts column is not as wide. Also, when I want to add a photo, I can do it only through adding blocks, and have no way of adding the space above the image or below it.

It is very inconvenient. I updated the theme to the newest version but it did not change the situation. What to do to have the previous comfortable posts dashboard? Thank you Martyna

Hey Martyna, you can disable the new default WordPress editor by installing the “classic editor” plugin: https://wordpress.org/plugins/classic-editor/

You’re welcome greatbluewhale :)

The theme seems to be very buggy and needs updating. I am getting a ton of problems. I tried reinstalling the theme and Wordpress etc. nothing works. First the Highlighted text dosn´t work, second the transparent header dosn´t work etc. I´ve been using this theme for a long time and built several websites using it but now it just isn´t working without bugs. My support is also ended so I am not interested in paying 42 dollars for a buggy theme. I am open for suggestions…

Hey tsoini3, since both of the issues you listed are not known current bugs in the theme, I would need to see your site URL where you’re experiencing them to assist. Could you kindly share that in regards?

Thanks in advance

Yes, of course. Is there a way to share unpublicly? As its a private website.

Sure tsoini3, Please reach out via the contact form on my author page https://themeforest.net/user/themenectar

As always brilliant support guys. Nearly at 30,000 comments and I bet you’ve replied to 98% of them, a lot of Fortune 500 companies could take a leaf out of your book.

I’m sure this is a simple CSS thing but how do you hide the price when using the woo commerce add to cart button? Also, is there a way to alter the type of button it is? say using the see through button instead of the coloured style?

Cheers :)

Thanks so much martyfin, that means a lot :)

Add this into the custom css box in the Salient options panel:

body p.woocommerce.add_to_cart_inline > span.woocommerce-Price-amount {
  display: none;
}
body .woocommerce.add_to_cart_inline a.button.add_to_cart_button {
  background-color: transparent!important;
  border: 2px solid #000;
  color: #000;
}

Cheers

Hey! thanks for this, it didn’t work quite right as price is still showing? Take a look; https://timberandcanvas.co.uk/packages/

Hey martyfin,

Add this in as well:


body p.woocommerce.add_to_cart_inline ins > span.woocommerce-Price-amount,
p.woocommerce.add_to_cart_inline del {
 display: none!important; 
}
.woocommerce add_to_cart_inline { margin-top: 30px; }

Cheers

The portfolio’s Project Category can only be arranged in order from A to Z? How to customize the order in which the pages are displayed?I am a designer, I don’t know the code, what should I do?

Hey wangfugang, that is the default way WordPress will display them – the function “wp_list_categories” would need to be modified in the nectar/tinymce/shortcode-processing.php file as of now. However i’ve noted your +1 for the idea on the wishlist for this.

Can you tell me the specific steps?please!

Hey wangfugang, unfortunately we do not have a guide available for this modification. It would require altering the WordPress function “wp_list_categories” which is located in the “nectar_portfolio_processing” function in that file.

Can someone please point me to a design that is Full Width Background that displays 100% Full Width on a mobile device (tablet)? I’m told it is possible and I would like to see it.

Hey arteest, any one of the demos which use that row type will show that. For example: http://themenectar.com/demo/salient-startup/

Cheers

Hi ThemeNectar,
I just noticed that the Shop section templates do no work at all when inserted from the Salient Studio tab. They do not appear regardless if inserted alone or with other template parts. The WooCommerce page does work tho. Is that a bug or am I missing something in setting these up?

Hey BlueScreenPanda, Can you verify that you do not have the ”WooCommerce Blocks” plugin which adds WooCommerce blocks for the Gutenberg editor active? There’s currently a known conflict with that plugin which will be sorted in the next release

That did the trick for now. Thanks, ThemeNectar!

Glad to hear BlueScreenPanda :)

Why are Full Width Background columns so narrow on mobile? Are they supposed to display as if I’m using a boxed layout? Since this question has been asked, but not corrected, over the years… is it difficult to code? Some of us actually prefer the tighter image control that your FW Background offers. On mobile, it looks very weird… Especially if you have a Full Width Content row/slider on the same page.

Would it be too much to ask if you could please toss a sample row together for me? Full Width Background that expands to 100% width on mobile?

I tried your suggestion (Parent Row, Applied Image or solid color) and, still “contained”.

I think I got it to work! One more SIMPLE quesand I can stop bugging everybody

Now that my parent row is full width on mobile, if I split my row into 2 columns, Why doesn’t my content center inside the columns?

For example, if I put a color block inside a column of a 2-column parent row, it still performs as if it can’t fill out the space.

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