38434 comments found.
When I upload images which are very tall the media gallery is automatically resizing my images. I thought I’d see if this was a default setting with the theme before I start looking at plugins which could be causing the problem.
Here is an example of it happening on my my site. https://alexbirks.co.uk/portfolio/website-design-portfolio/?preview_id=9136&preview_nonce=3a21a78878&_thumbnail_id=9152&preview=trueThe pictures are all 2000px wide when uploaded, but are being resized to around 1000px.
Hey alexbirks, if you’re trying to get the images to all automatically take up the full width of the column, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body #portfolio-extra img {
width: 100%;
}
Hi the actual problem I’m having is that the images are physically being scaled down when I upload them. So if you download the image and check the pixel dimensions a 2000px wide image will now be 1000px wide. Is this likely to be an issue with the theme?
Hey alexbirks,
I suspect what you’re experiencing is related to the new core feature added in WordPress 5.3: https://make.wordpress.org/core/2019/10/09/introducing-handling-of-big-images-in-wordpress-5-3/
They also added a filter to disable it, which can be added in your child theme functions.php file
add_filter( 'big_image_size_threshold', '__return_false' );
Why do some of my category headings look like this? White font top left.
https://imgur.com/M4vdLwQHey scratsmacker, that is not the default color for category headings. Could you kindly share your URL so I can take a look to help out?
Thanks in advance
Thanks scratsmacker,
This is occurring due to the archive loop incorrectly picking up the “custom font color” option which is set for some of the posts in the “post header settings” metabox. This will be corrected in the next update, however, you can fix it immediately by adding this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.archive .page-header-no-bg h1,
.archive .page-header-no-bg span {
color: #000!important;
}
Thank you very much for your help! Always appreciated.
You’re welcome scratsmacker 
Why is it almost impossible to choose the desired icon? Why is it a list that is not sorted alphabetically (font awesome)? Why there are no visible icons but only their names? I’m talking about the Unsorted Fancy List element when using the font icon.
Hey SlavekT, the fancy unordered list is a legacy element that existed in Salient before the page builder was integrated years ago. It’s icon selection UI is not using the same one which all of Salient icon based elements use – there should still be a preview of each icon showing next to the name though. Since you’re not seeing that, please open a ticket on our support forum in regards with temporary admin credentials so we can take a closer look: https://themenectar.ticksy.com
Thanks in advance
Updated to php 7.3, theme is current (11.0.3), wordpress is current (5.3.2).
Thanks for your help.
Hey Dudewanarace, could you kindly each out via the contact form on my author page with a temporary login so I can take a closer look to assist? https://themeforest.net/user/themenectar
Thanks
Hi ! How can I change the product title’s font size in the Related product section? There is a way on the Salient configuration tab or should be made with CSS?
Hey niuradio,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body #ajax-content-wrap .related.products h2,
body #ajax-content-wrap .upsells.products h2 {
font-size: 40px;
line-height: 50px;
}
Cheers
Hi guys, for some reason the woo-commerce product short description pops up for a second upon page load but then disappears. Any idea why this would be?
https://www.chickenandblues.com/product/black-cb-trucker-cap/Hey elitemediaagency, that’s strange – I would need to take a closer look at the backend to see what might be causing that behavior. However, you could also add this into the custom css box located in the Salient options panel > general settings > css/script related tab to force it to display:
.woocommerce div.product .woocommerce-product-details__short-description .panel {
display: block!important;
}
Hi there, is it possible to create a vertical line between two columns?
Example: https://firstconsulting.nl/nl/contact/
If this is not the case, then this would really be an added value in a new update!
Hey PascalvanM, You can use the “design options” tab within inner rows that are placed inside of a column for this: https://ibb.co/qNDCj5h
Cheers
I don’t think you understand what i mean. And if i select a color and border radius, it won’t work. And i think this is a border around the whole column?
I want a vertical line between 2 columns in the middle.
Hey PascalvanM,
You need to add the border width in the left-hand side of the design options tab, in the border box. Please see the attached screenshot in regards: https://ibb.co/vmNQVWV The boxes you see on the left hand side control the top, right, bottom and left sides of the border (and also padding/margin). Simply add your desired width on the side you want. The “border radius” dropdown you were using in the video is unrelated to what you’re trying to accomplish
Thank you for your explanation. So it comes down to the fact that it is very difficult to separate 2 columns with a simple vertical line? Because if I do it this way then this line will continue to be seen on mobile. And that is of course not so beautiful and logical.
Hey PascalvanM, as of now that is the only built-in way to achieve it. I’ve noted your idea on the wishlist
Ah pity. If you can realize this in a future update, then I am very happy. Find this really something of added value. Good holidays and already the best wishes
Thanks PascalvanM, happy holidays to you as well!
Hey guys,
Is it possible to get a single image component to stick to a side of a screen WITHOUT changing the size of the image in the Single image settings or using full width content.
I have been trying to get it to stick to a side by changing it to 200% but the result looks fine on some displays(1920×1080) but weird on others (1366×768) and macbooks
Please check this link: http://upavan-rohanbuilders.com/
Hey bachuramadhikari,
Setting a max width on the image which is greater than the available space (as you have done) is the only way to handle that without custom development. If you want to adjust the sizing on smaller screens, you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
@media only screen and (max-width: 1500px) and (min-width: 1000px) {
body .img-with-aniamtion-wrap[data-max-width="225%"] .inner {
width: 155%;
}
body .img-with-aniamtion-wrap.right[data-max-width="225%"] .inner {
margin-left: -75%;
}
}
Cheers
worked like a charm!! thanks as always!
Glad I could help bachuramadhikari
Hi.
How can I use the animated underline in other links?
Thank you for your work.
Hey 9546667,
You can use the “Call to action” element within the page builder set to “underline” for the style.
Cheers
Thank you very much, I enjoy working with the Salient for three years & of course I know about this option.
The thing is that, I don’t need the Header tag, just animated list of links in bottom menu.
Hey 9546667, if you’re referring to the footer area, there was a new option added for that
Shame on me.
Thank you very much twicely!
No worries 9546667, glad you were able to find it
Hello!
How can I change the order of Category Grid? in https://www.ayeartesmolduras.com.br/?
Hey vollareme!
There’s a little hack you can do to manually reorder them – if you switch into the “Classic Mode” editor and run a search for “blog_category”, you can move the categories around as desired in the shortcode: https://ibb.co/vXg68zw
Cheers
hi http://gastromallorca.net/dean/ if you go down in tstimonials on mobile dosent show correctly, show a little bit to the left, not centered
Hey dimage, that will be corrected in the next release. For now, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body[data-col-gap="40px"] .vc_row-fluid .span_12.testimonial_slider {
margin: 0;
}
I have installed the theme. But on pages section i only see old pages of old theme which was deleted. Do i have to import pages separately? I did import demo from Salient – Demo Importer. I don’t see imported demo when i open the domain.
Hey zucchero, have you assigned your home page in Settings > Reading or assigned a menu in Appearance > Menus? http://themenectar.com/docs/salient/assigning-home-page/ 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
Feature Request – Global Templates for rows
When saving a row as a Template, it would be awesome to make it a Global Template. So if that row template is applied to 4 pages and you make a single change to that template, via any of the 4 pages, it would apply to all 4 pages.
If you went to edit content in the row and there was a warning “This content is apart of a global template, do you wish to continue”
If this was to happen it would make Salient the perfect theme!
Hey collier-creative, that is already possible via the WPbakery addon “templatera”: https://codecanyon.net/item/templatera-template-manager-for-visual-composer/5195991
Cheers
I’d like to change the the thickness of the animated underline in the navigation. Could you tell me the css for that?
Hey 19theagency,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#header-outer[data-lhe="animated_underline"] nav>ul>li a:after {
border-width: 1px!important;
}
Thanks, but it did not change anything. I’m trying to make the line thicker, and it looks exactly the same.
Hey 19theagency, please share your URL in regards so I can take a look why the snippet is not taking in your setup.
Cheers
Ok, the URL is www.19theagency.com
Thanks. do you have other custom CSS sitting above the snippet? It looks like something else is creating a syntax error and preventing it from parsing.
I’m not sure what would cause that. Below you’ll find all of the CSS coding I’ve added to the site:
.project-title { display: none!important; } html body.single-portfolio .container-wrap { padding-top: 0px !important; } html body a { color: #000000; } .single-portfolio .navigation { display: none !important; } .single-portfolio #page-header-wrap { display: none!important; } .page-template-template-portfolio .page-header-no-bg { display: none!important; } body.single-portfolio .container-wrap { background-color: #fff!important; } body #portfolio-filters-inline { margin-top: -55px!important; padding-bottom: 0px!important; background-color: #000!important; } body .span_12.light .nectar-icon-list[data-icon-color=”default”] .list-icon-holder i { color: rgba(255,255,255,1) !important; } .single #page-header-bg .blog-date { display: none;important; } .meta-category, .meta-comment-count, .meta-date { display: none!important; } body[data-button-style=”rounded”] #page-header-bg[data-post-hs=”default_minimal”] .inner-wrap > a { display: none; } .blog-recent[data-style=”minimal”] .col { padding-left: 10!important; border-bottom: 1px solid #eee; } body #mobile-menu { background-color: #fff!important; } #mobile-menu ul li a { border-bottom: 1px dotted rgba(0, 0, 0, 0.2)!important; color: #000000 !important; } .swiper-wrapper .slider-down-arrow { bottom: 0!important; } body .toggle h3 a { background-color: #000; } body .toggle h3 a { color: #fff!important; font-size: 34px!important; #header-outer[data-lhe=”animated_underline”] nav>ul>li a:after { border-width: 8px!important; }
Hey 19theagency, you have two syntax errors in the code: https://ibb.co/8KhH0T5 https://ibb.co/GtWVJT0 in the first, you need to change this:
.single #page-header-bg .blog-date {
display: none;
important;
}
to this:
.single #page-header-bg .blog-date {
display: noneimportant;
}
and the second needs to be changed from:
body .toggle h3 a {
color: #fff!important;
font-size: 34px!important;
#header-outer[data-lhe="animated_underline"] nav>ul>li a:after {
border-width: 8px!important;
}
to this:
body .toggle h3 a {
color: #fff!important;
font-size: 34px!important;
}
#header-outer[data-lhe] nav>ul>li a:after {
border-width: 8px!important;
}
Hi ThemeNectar,
I am running into some issues with the Nectar Slider title getting reset on mobiles devices and not using my CSS styes from the child theme styles.css.
It appears the site keeps using the CSS code from salient-dynamic-styles.css. How can I overwrite the code so it uses only my CSS within the child theme styles.css?
url: https://dev-protectoceansnew.pantheonsite.io/
Appreciate your help. Many thanks.
Best, Alan
Thanks for the reply.
Is there no way to control it with CSS so I can have completely control over font size and font family?
Best, Alan
Hey Alan, you could use the following if desired:
@media only screen and (max-width: 1000px) {
body #ajax-content-wrap .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .content h2 {
font-family: 'Open Sans'!important;
font-size: 54px !important;
line-height: 56px !important;
}
}
Hi ThemeNectar,
https://dev-protectoceansnew.pantheonsite.io/expeditions/imappivut/Please visit the link above. I ran into some issues today where I can no longer click through to other portfolios using the large images under the ‘Other Expedition’ section.
Do you have any idea why this doesn’t work and most importantly how to fix it. Many thanks.
Best, Alan
I was able to solve this issue. Had a line of CSS code that was interfering.
Hey Alan, I’m glad to hear you were able to locate the issue.
Cheers
Hi. I’m trying to install the theme but there is this error “The theme is missing the style.css stylesheet.”
Solved. Thank you.
Hey zucchero, Glad to hear you sorted it
For anyone else who may come across this – you first need to extract the theme .zip (salient.zip) out of the main download your get from themeforest before uploading: https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
Hello, I just installed the newest version of this theme, and now my site will not load. Can i get some help?
ETA: I didn’t realize everything had been split into plugins. it’s working now, but when I visit my shop, all items are shifted to the right. Is this a Woocommerce issue, or Salient?
https://npccomics.com/shop/Hey jhemp50,
The main theme javascript file is still loading an older version in your setup: https://npccomics.com/wp-content/themes/salient/js/init.js?ver=11.0.3 Please replace that file with a freshly downloaded version – it may have simply failed to update or is hard cached on your server. Once the latest version is in use, it will correct the issue.
Cheers
I use Salient for most clients. It’s the greatest theme on planet earth. One issue I keep bumping into though, please tell me if there is a way to fix this within the theme options, or if I need to use my developers on every site. The mobile menu items start too high, and if the first mobile menu item has sub menus, meaning, it has an arrow to drop down, then it ends up landing underneath the X to close the menu. Long story short, you can open the menu. How do I move the menu items down? See issue example: https://prnt.sc/qc9g3k If there is no such option within the theme settings, please submit that they add it, OR simply start the mobile menu items lower.
Hey nateadmin, thanks so much for your kind words That issue will be sorted in the next release – for now you can add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body #slide-out-widget-area .inner > div:first-of-type {
margin-top: 30px;
}
Cheers
Great, looking forward to the new release.
The code above was applied and didn’t work.
Hey nateadmin, please share your URL in regards so I can take a look why it didn’t take for you.
Thanks
Ontrackbookkeeping.com
Thanks nateadmin,
It looks like you accidentally pasted in “pre” tags along with the snippet: https://ibb.co/W6sYR59 please remove both of those to allow the CSS to take effect.
Cheers
how to decrease the size of product image on single product page and increase the width of right side content?
https://www.kosaa.ca/product/ripple-fold/Hey druffzy,
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) {
.single-product .product[data-gallery-style="ios_slider"] > .single-product-main-image {
width: 33%;
}
.single-product .product[data-gallery-style="ios_slider"][data-tab-pos="fullwidth"] > .summary.entry-summary {
width: 66%;
}
}
