Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 168,441 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38337 comments found.

Really confused. We’ve changed our logo and when i upload it its being coinverted to a square image and its tiny but the header is huge?? I want my logo to be about 125px high and its a rectangle not a square (345×125px).. what do i need to do?

Ignore… i made a mistake on my end :) All good!

Hey olidenson,

I’m glad that you were able to figure it out :)

Kind regards

Hello,

After an update there is something really wrong with our text. For some reason the special chars are not loaded correct anymore: https://imgur.com/a/sY1uDtb

This is happening all over the website now. Is there a quick fix for this?

Kind regards.

Hey debeddenwinkel, That looks like a character encoding problem, which would a database issue rather than a theme problem. Here’s an article that covers the topic.

Kind regards

Hi guys, I’m pretty sure this is on the WPML side, but it seems as though your image sizing for Masonry display attribute is being ignored other than the main language for media files (i.e. ‘Wide’ etc. are all simply displaying as square, except on the main language of a page) Thanks

Hey ND81,

Thanks for letting me know – Have you also raised a ticket with them in regards yet?

I haven’t no – I figured while this looks to be happening on the WPML side, it may be theme specific.

Hey ND81,

After testing locally, the “Masonry Sizing” field for each image should be unique per language i.e. you should be able to specify a different size per language, so if the sizes are not reassigned, the default regular size will be used.

Are you unable to specify a size to use in your second language within the media editor?

I have a question about the Options Panel: where can I change the color of Typography? I want to change it from the default gray.

Hey haruki,

You can alter that in the Salient options > General settings tab via the “Overall font color” option.

Kind regards

Images on the post grid are looking stretched. Only on the newly loaded posts, keep scrolling – https://www.foodieflavours.com/blog/

Hey MarcGarner, that looks a browser-level bug with Safari related to object-fit and dynamically loaded images. I’ve noted to look into possible workarounds for the next minor release.

Kind regards

Hi, I’ve noticed that the delay Javascript execution option when enabled prevents the success message from showing on Contact form 7, or it might show very briefly. Is there a way to disable that option just on a particular page?

Hey beachmat,

You can remove that functionality on a single page by using the following snippet in your child theme functions.php file: https://pastebin.com/ynZ4gQXU Just change the
is_page('Contact')
to the actual page name in your setup.

Kind regards

Great, thanks, that’s working.

You’re welcome, beachmat :)

Hi,

Is there any way to place the search icon from the main Header into the Secondary Header Bar?

Any help would be greatly appreciated.

Thnaks.

Hey simonpeyto,

Currently that would require some custom development as a new JavaScript event would need to be bound in order to trigger that functionality from a different location.

I would like to change the css of the recent posts, minimal title only element (like on https://themenectar.com/salient/blog-recent/ where it says mix and match as desired) but i was wondering what classses or id’s i need to address? I can’t find them when I inspect element.

Hey TheWhiteHoward,

The recent posts element adds the selected style as a data attribute, so it could be targeted with CSS with the following base selector: https://pastebin.com/jzqg0vTZ

Kind regards

Hey, thanks for your answer, I think it’s the hover I need because I want the hover not to place the text somewhere else and not be red: example on top off https://basketpoperinge.be/test/

Hey TheWhiteHoward,

Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

https://pastebin.com/m79z5pmJ

Kind regards

Hello, I hope you’re well. Is there a way to make a row only show up on mobile devices? For www.mf.ly I’m trying to add some white space on top on mobile devices so that the language translation widget does not obscure the text on the marquee image. I thought adding a row on top for mobile phones with a divider in it to push content down could be a solution.

Hey marcfest!

You can limit any column to display in specific viewports by using the “Hide on device” checkbox in the “Responsive Options” tab when editing a column. Check out the docs here in regards: https://themenectar.com/docs/salient/page-builder-columns/#width

To have a column display on mobile only, check the box to hide on Desktop/Tablet

Cheers

Hi,

I need help with one more thing. In my blogs, I use images of the same width but different lengths i.e. images horizontal as well as vertical. But when it’s displayed in a masonry they all are at the same top. What I’m looking to do is the vertical images stay in the middle so they look visually better.

Please see the screenshot that I have now.

shorturl.at/BQS49

Thanks

Hey asingh2404,

Could you please share your actual URL so that I can take a look at your current blog settings to assist?

Thanks in advance

Hi there,

On this page: https://lionettekleijnen.com/aanbod/ I have three fancy boxes. Is it possible to line the buttons on the bottom of the fancy box so they are all three on the same line?

Thanks in advance.

Hey Abbenhues,

That page is currently password protected. Can you please open a ticket on the support forum with the password?

Hi guys, i was wondering why there is no option to have a button “full width’?

I scoured the internet for ways to change this using the class but got a lot of conflicting comments.

You guys say, change the ‘row’ to display the ‘fixed-size’ custom css. Then others say to display the button as a ‘block’ and make the width ‘100%’.

This option…..

.button_div input.buttons { width: -webkit-fill-available; }

...does not work anymore.

Then i saw Andrew wrote this….

Add “fixed-size” as a extra class to the button and Add this into the Custom CSS box located in your Salient Options panel :

.nectar-button.fixed-size { width: 300px; }

However this does not make the button ‘fit’ into it’s content box 100%. It will be fixed to ‘300px’

Is there a better way to do this and can you please consider adding an option to the buttons to have this as a standard feature in the next release?

Thanks!

Hey Wobblefin!

There are a lot of different methods/approaches that could be utilized to make an element (such as a button) expand to fill the width of the parent element. The one you use would depend on your own setup. Without knowing which elements you’re using a button or where they live in your setup, I would recommend the display block approach. Here’s an example if you’re using a “Button” page builder element – it assumes you’ve added the class name “wide” to isolate the style:

 
.nectar-button.wide {
    display: block;
    text-align: center;
}

Cheers

Hello team!!, is there a possibility to remove that h2 tag in the titles of the sliders? and change it to < p >My Title< / p > tag

I’ve tried but nothing shows up. That is why I have put the title inside a span, but it has to be a P tag.

The subtitle if I have been able to do it, but I would like to do the same for the title.

Thank you very much.

https://imgur.com/a/BaHLiMX

Hey alandres,

You can add your text to the “caption” field instead of adding it to the “heading” field within your slides. This will cause all of the text to be inside of a p tag instead of the default heading options.

Kind regards

Hi guys! Thank you very much for the help, it had not happened to me, and yes, it has worked.

I have another question, something similar to the previous one. Let you know that this is more for SEO.

Is it possible to remove or change the project title (h3) tags and post title tags in mansory style to the < p > tag? This is the example https://imgur.com/a/1i1oY5u

Thank you so much for everything.

A hug and good weekend.

Hey alandres,

There’s no built-in option to modify that and you would need to override the output “nectar_portfolio_processing” function via your child theme. The function can be found in wp-content/plugins/salient-portfolio/includes/frontend/shortcode.php

Kind regards,

​Hello,

I’m using the Recent Post and when there are <4 posts are present per category the slider is broken and doesn’t work.

Does anyone have an idea why this is happening?

Here is the link where you can see the issue: https://www.savoryandpartners.com/?page_id=38395&preview=1&_ppp=d3a1e6e4de

Thanks in advance.

Hey tomislavbalabanov, Since you only have 4 posts, you’ll need to set the “Number Of Columns” in your recent post carousel settings to be less than 4 to allow for the overflowing items to wrap correctly. Try changing the column number to 2.

Kind regards

Hi, thanks for the reply!

I did changed it, but again it's acting funny.
https://www.savoryandpartners.com/?page_id=38395&preview=1&_ppp=c0285ae748

Here you can see it again, you can’t scroll the posts from left and right.

Hey tomislavbalabanov,

Since you only have 3 posts, you can not set the column number to 3 as there will not be enough to wrap the carousel. You’ll need to change the column number to 2 instead – and even with that number, I would still recommend keeping 4 posts minimum in each of those carousel instances. If you don’t have enough posts to make use of the scrolling of the carousel, I would recommend using a different style in the recent posts element or just use a “Post Grid” element to display a 3 column grid.

Hi Salient! Only 1 question: how/where can I translate the word “Product(s)” that appers in the description of your componente “Category Grid” (see image of your demo > https://imgur.com/C38clej)? Could it be in some internal folder / file? Thanks as usually for your great support !

Hey thebugbear!

That string is located in the salient-core text-domain and can be translated via your desired translation plugin. The actual file it lives in is wp-content/plugins/salient-core/includes/nectar-addons.php in the “nectar_grid_item_markup” function.

Cheers

Hi Phil, currently there is a wave of charges when fonts are loaded directly from Google. Is there a way to set the fonts not to be loaded by Google?

Best

Hey rockzi,

Fonts will only be loaded from Google when you’ve selected families to use within the typography tab. If you’d like to keep using Google fonts in that manner without supplying your own through CSS or UseAnyFont, you could also make use of this plugin to easily host Google fonts yourself: https://wordpress.org/plugins/local-google-fonts/

Cheers

hi how to upload new icons ( svg)

Hey anazkhan, creating a new library within page builder elements with a custom set of icons would require development through a child theme: https://kb.wpbakery.com/docs/developers-how-tos/adding-icons-to-vc_icon/

However, you can overload existing SVGs with simple CSS. If you’d like assistance with that, please open a ticket on the support forum in regards

Thanks in advance

Hi there,

On this page: https://hypercube.kleidi.nl/sport/

I have a tab called ‘cases’ which should be showing my portfolio items. I have a question regarding the lay-out. Is it possible to use this lay-out: https://ibb.co/wWNffP2 but that the border and title is already visible? So no hover but exactly the same lay-out? I hope this is clear enough.

Thanks in advance.

Thanks. I’ve added !important to it and now it works.

Hi there, I’ve added !important; to it and now it works. Thanks! Is there also a way to not show the black background when no featured image is selected?

Thanks in advance.

Hey Abbenhues,

You can use:

https://pastebin.com/NrA51Mu8

There will still be a gray background even with that gone from the overlay tint. You can also remove that with the following code if desired:

https://pastebin.com/bd7ZyRPj

Hello, again a feature request. Could you make that we could use the client display with text only? The client name field already exists. could you make it appear if no image is set ? that could be nice. If you have a code hack to do it i would love it. <3

Hey basilroland, appreciate the request! It’s been noted :)

Hi there,

On this website I’m using animated shapes. On my homepage I have the same shape as on subpages but the ones on subpages is bigger on mobile(!). I don’t understand how/why.

See homepage: https://linda.kleidi.nl/ Subpage: https://linda.kleidi.nl/lifecoaching/

Hopefully you can help me making them the same size (preferably the size on the subpage is the size i would like on my home page as well).

Thanks in advance.

Hey Abbenhues,

On your home page the shape is inheriting form the desktop size of 15vw, where as the subpage is taking the mobile defined size of 25vw. Technically they both should be showing 25vw, as that’s the specified mobile size. You can correct the issue on your subpage by changing the mobile size to be 15vw to make it consistent. I’ve also noted to look into the mobile override further on your home page setup to see why it’s not overriding the desktop value.

Kind regards

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