38337 comments found.
Hi,
Is there a way to force an ipad pro to load the ipad sizing’s? At present its loading the desktop version and is breaking.
the main issue I’m having is that there is no option for small desktop spacing. only desktop / tablet / mobile, will this be in a future update?
Hey tricks28, iPad Pro in landscape mode is intentionally meant to emulate a desktop display – the device even passes user agents to the browser the same as a MacBook would.
I would recommend using responsive values for your content in the desktop viewport to allow them to scale based on the current screen size. If you’d like to share a page URL where you’re seeing things run out of room, I’d be glad to provide guidance.
Kind regards
Hi – the issue is ipad pro portrait. https://fdiltd.co.uk/why-choose-us/
I have assigned margins for desktop (8%) but it squishes things a lot on tablet. And there is no option to set its own margins. The only options I’m given are desktop / tablet and mobile. It doesnt use the tablet margins which are set to 0 but instead pulls the desktop versions. I’ve found this to be an issue with quite a few places where I can’t specify the spacing i want it to use. With responsive settings I have the option for mobile/tablet/small desktop (which the ipad pro pulls its settings from) and desktop. Surely there should be an option like this for dividers ( spacing) and margins/paddings? Also the vertical sticky column doesnt stick on ipad pro, could you please advise. Thank you
Hey,
In the latest iPad Pro model, the screen size is large enough to also render the desktop version in portrait orientation, however older models won’t.
I would suggest using vw/vh values instead of % for margins/paddings on the desktop view wherever you can and additionally take advantage of those units for font sizing when it’s warranted. Doing so will ensure your content renders the same proportional sizing on any screen.
2. From browsing around a few pages on your site on an iPad Pro, I have not been able to see any sticky elements failing to stick yet: https://www.dropbox.com/s/eqeyg4qc0392cmi/2022-10-07%2009-20-55.mp4?dl=0
Please open a ticket on the support forum in regards with further information so that we can take a closer look.
Thanks in advance
Thank you for looking into that for me. Greatly appreciated.
You’re welcome, tricks28 
Hey Phil, on my site https://studio-south.design the navigation point with the dropdown seems to be a bit higher than the others. Is that a overall “problem”? Best Andi
Hey Andi,
Adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab should correct that:
#top .sf-sub-indicator i {
line-height: 0;
}
Kind regards,
Hey, is there a way to prevent downloading the video on the popup video player when it is a self-hosted video ? Thanks
Hey yozz,
You could install a plugin that disables right clicking such as https://wordpress.org/plugins/wp-content-copy-protector/
Kind regards
I did but it doesn’t change anything cause it is not a right click function on your player. Downloading video is a simple left click on the 3 dot button on the right side of your player
Thanks for your help
Hey yozz, in the Salient options panel > general settings > functionality tab, switch the “Theme Lightbox” to “Fancybox3” and that option should get removed.
Kind regards
Hi Salient team, hope you’re fine.
A quick question about typography. Do you have documentation about how to upload our own font other than standard or Google Fonts?
Thanks a lot for your reply. Best regards and have a great day. Alex
Hey Alex,
I would recommend using the plugin https://wordpress.org/plugins/use-any-font/ , it will provide an interface to upload custom fonts and those fonts will automatically appear within the Salient options panel > Typography fields as options.
If alternatively you wanted to do it manually through code, see the following article: https://themenectar.ticksy.com/article/9773/
Kind regards,
Hi. Thanks a lot for your reply and your advice. I will test it. Have a great day. Best regards.
You’re welcome, alexis182
Right now I use a SPLIT LINE HEADING element to add a title text over the video as you can see on this page: https://arsenaalbackoffice.nl/
The background is light and the heading also. Is there an element that I can use as title text that offers a little shadow or a dark outline so that visitors of the website can always read the heading well.
Hey htusco,
I would recommend giving the column holding your split line heading element a class name such as “text-shadow” and then adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.text-shadow {
filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.6));
}
Cheers
Hey Phil,
I have a small issue I was wondering if you could help me remedy. My website currently has a white rectangular area at the top of the Video window and was wondering how I can remove it? Id also like the video not to stretch.
Here's the link.. .Hope all is well,
-CS
Hey CS!
I would need to take a closer look at the backend to see what’s causing that within the setup. However, in the meantime you can also remove it by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.home #ajax-content-wrap .container-wrap {
padding-top: 0;
}
Kind regards,
Hey Phil,
There’s now a black space in its place. Ideally I’d love to just remove the gap between the header and the video clip so it’s seamless.
How would I do that?
Hey CS,
The black space is coming from a background color that you have set in the “Page header settings” metabox. When editing your page, scroll towards the bottom and remove that color from the “Page Header Background Color” field.
Kind regards
Hi,
How do you handle images used in the background? I used a couple of images for my website and they look very sharp, but when I check my mobile the images look unsharp. I used the WP plugin IMAGIFY to optimize all images. I thought this was the problem, but also deactivating IMAGIFY and the re-uploading of the images didn’t make them sharp on my mobile. I have the feeling that I need a different size. By the way I use 96 dpi for my images.
This is one of the pages showing an unsharp image (pile of stones) on my mobile (Samsung S9+. I know it’s quite old): https://arsenaalbackoffice.nl/certificering-uitzendbureau/
Hope you can help me.
Cheers, Marc
Hey Marc,
The height of that column is over 700px tall on mobile, but the image you’ve provided is only 384px tall so there’s a lot of stretching: https://arsenaalbackoffice.nl/wp-content/uploads/2022/06/stapel-stenen-route-in-content-mobile-504x384-1.png
I would recommend reducing the height of that div on mobile, or providing a larger image. If you place a “Divider” page builder element within the column that’s using a BG image only, the column will inherit the height you specify within the divider when viewed on mobile.
Kind regards
Adding the divider element for mobile does the trick. Great!!! Thanks for your swift reply.
You’re welcome, htusco
Thanks for the great theme! I installed the latest version, but now I can only click my product thumbnail images to view products; the titles do not work. I have removed all CSS modifications and relevant plugins so verify there are no conflicts with Salient. I installed a test theme (Hello Elementor) and the product titles hyperlink to product pages fine, so I believe this may be a bug with Salient.
Have you seen this issue or do you have any advice https://www.shackletonfox.co.uk
Hey Shackletonfox!
The “Classic” product style has not linked the product title in the past few major releases, but the other styles do. You can change to “Material” or “Minimal” style to get that functionality by default: https://ibb.co/pPTZFFY
Alternatively a filter can be added to the child theme to wrap the title in a link if desired.
Kind regards,
How can those shape masks be done? https://themenectar.com/salient/shape-mask/
Hey CannedBear,
SVG Shape masks are available to apply directly on columns as well as the “Single Image” page builder element: https://ibb.co/NjdfYjL
Kind regards
Hi there!
I have 2 questions:
1 – does your theme supports AVIF image format?
2 – is there a list of websites built on the Salient theme? Would like to see some real-world examples and get inspiration
Thanks!
Hey iurikd!
1. WordPress in the core does not support the AVIF upload type by default – it will need to enabled by a snippet within a child theme or by using a plugin.
2. We don’t personally keep a list of client websites, but there are many compilations out in the wild such as:
https://winningwp.com/examples-of-websites-built-with-the-salient-wordpress-theme-by-themenectar/ https://mythemeshop.com/blog/salient-wordpress-theme-examples/Kind regards
Hi There,
I’ve added the Post grid with Secondary Project Image. But where in the portfolio item can I add this secondary image? Please help!
Hey muntzallactive,
In the Project Configuration metabox, there’s an upload field labeled “Secondary Overlaid Image”. If you’re not seeing that on your end, ensure that you’re using the latest version of the Salient portfolio plugin (1.7.2)
Kind regards
Hi there, Thanks for the reply. I cant seem to find the upload option. My Salient portfolio plugin is the version 1.7.2.
https://ibb.co/m6BgYMvPlease help
Hey muntzallactive,
You will need to disable the “Custom Content Grid Item” option to reveal the full set of default project options: https://ibb.co/pRMQ1cS
Kind regards
Another feature idea. Simple but marvelous: background color transition. as in : https://bb.agency/services/ It would fit quite well in the theme i think.
Hey basilroland, thanks for the request!
Hi the new blur effect for the navigation is very nice, how can i use that for raw and column backgrounds instead of plain gray color? Can you please give css for both?
Thanks
Hey toolbox101,
When editing a column or inner column, you can specify a “Blur” for the “Backdrop Filter” in the background tab: https://ibb.co/y5DY0sF
Kind regards,
I love your theme, but how do agencies use your theme without Adobe XD, Figma or other design files to work with?
The process we currently follow is design first in Adobe XD, then we go into dev.
Hey louisdupisani, I’m glad to hear you like the theme!
We actually rarely get requests for design files related to the example demos. We also did not use Figma to design those, so, unfortunately, don’t have any to supply.
Salient itself is a powerful visual builder, and we plan/build the example demos directly inside of the editor.
Kind regards,
Hi,
Could you please advise how to remove “uncategorized” from both the individual blog posts and blog list?
Best wishes, Judie
Hey Judie!
You can remove that specific category by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/PhCPUrxqKind regards,
Hi,
Thanks for your reply! I could not get it to work though.. uncategorized remains. Does it have anything to do with language setting? Uncategorized shows up in Swedish, I’m using Polylang plugin.
Best wishes, Judie
Hey Judie, can you kindly share your URL in regards so that I can take a closer look?
Thanks in advance
Hi,
Thanks for checking! Below is the URL https://www.solarhydrogenesis.com/nyheter/Best wishes, Judie
You’re welcome, Judie!
Since you’re on a but of an older version of Salient (v13), the CSS snippet would be a little different. You can use the following rule instead of the previously provided one:
#ajax-content-wrap .meta-category {
display: none;
}
Kind regards,
Hi, Thanks for the code. Unfortunately it didn’t work.. Is there another snippet I could try?
Best regards, Judie
Hey Judie, I’ve copied your custom CSS locally to examine it for errors and it appears you have a closed media query added in above the recent snippet, which is breaking anything below it: https://ibb.co/bbSgpX6
You should close that media query like so: https://ibb.co/68517bD
Brilliant, thank you so much!
Best wishes, Judie
Glad I could help, Judie
Have a good weekend!
Hi,
I want to improve my website https://creativetacos.com using your theme. Is it possible to create a similar and better homepage like that with your themes ?
Is your theme open to that customisation ?
Please check and let me know if it’s possible to create a similar and better homepage with your them.
Thanks
Hey creativetacos,
It would be possible to replicate that layout utilizing instances of the Post Grid element:
https://themenectar.com/salient/dynamic-post-grid/The only thing to note is that the Post Grid in Salient does not provide a Pinterest “pin” button, which your current site is providing on hover for each item.
Kind regards,
Hey themightythings,
That’s coming from the “Yoast SEO” plugin and can be disabled within their plugin settings: https://prnt.sc/sl0zqo
Kind regards
Awesome. Thanks a lot. Love the reactivity!
You’re welcome, themightythings
Hi, the Portfolio widget using the Masonry Style seems to be distorting and stretching the images on the home page.
I have used a ‘regenerate thumbnails’ plug-in but this hasn’t helped. Can you help? you can see the issue here on the home page: https://jhmcreative.com/
Hey jameshm26,
It looks like some of the images uploaded for the featured image don’t meet the minimum size requirements of the Masonry layout, such as:
https://jhmcreative.com/wp-content/uploads/2021/04/Pat-Cover@1x.jpgPlease ensure that all of your images are 500×500 or greater: https://themenectar.com/docs/salient/theme-options/portfolio/#masonry-item-sizing
Kind regards
Hey there, where did you all hide the logo link in the header?
I’m trying to make the logo link to a custom url but I can’t seem to find where the code is. I thought it was in the header.php
Thanks
Hey thomasmkl,
The template file which calls the logo is located at salient/includes/partials/header/header-menu.php However, you can simply override the logo link via a filter in your child theme to avoid having to edit/copy the entire file. Here’s an example snippet you could add into your child functions.php: https://pastebin.com/FeCm0diq
Cheers
Hai, can you help me to fix “Portfolio 404 Error”. I have already try regenerating permalink by visiting Settings > Permalink and clicking “Save changes”. it doesn’t work.
Hey shaky512,
If regenerating your permalinks has not helped, then you might have a page in your setup that shares the same slug as what your single portfolio slug is specified as. e.g. if you have created a page with the slug “projects” and also set that as a custom slug on the portfolio post type, it could cause an issue. If that’s not the case, please open a ticket on the support forum in regards so that we can assist further.
