38351 comments found.
The CSS code editor says this line is wrong, but it works normally and well:
See more about it: https://stackoverflow.com/questions/952861/targeting-only-firefox-with-cssany observation? Can I keep it that way?
Hey ofmarconi,
media queries that are browser specific hacks like that could trigger an invalid warning from CSS syntax highlighting (like the custom CSS box), but it’s nothing to worry about.
Cheers
Hello, I’m using your theme for a while now. I notice on some computers my whole site seems to move to the left by about 2 inches. I’ve checked on different computers and it shows up fine about 70% of the times. Other times if you refresh it moves to the left. Any ideas? Site is oakagent.ca thanks!
Hey bramptonvic,
Have you tried to disable your third party plugins to verify that there’s no conflict? In the meantime, the issue could be solved by adding the following snippet into the Salient options panel > general settings > css/script related tab
.wpb_row.full-width-content {
margin-left: -50vw!important;
width: 100vw!important;
}
Thank you so much! It fixed the problem.
You’re welcome, bramptonvic 
Hi just I’m thinking to implement this salient theme to my individual website which there is no wordpress Which my domain is hosting on inmotion hosting.com Can i put Directly into my domain Cpanel folders
If I purchase! Is there any way to use individually HTML, CSS, and js files for customizations
Please not im, not a web developer I am end-user. Sorry for layman questions Please guide me
Hey vipdental
You’ll need to install WordPress in your setup in order to use Salient. Here’s a guide for your hosting: https://www.inmotionhosting.com/support/edu/wordpress/install-wordpress/
The correct way to modify aspects of a WordPress theme is through the use of a child theme: https://developer.wordpress.org/themes/advanced-topics/child-themes/
There are no HTML files in Salient, just PHP, CSS and JS.
Cheers
Is there any way to lazy load images on the ‘image gallery’ shortcode (using Image Grid style) and on the portfolios? There isn’t an option for it in settings.
Hey Sean,
As of now there is no option for that element to use lazy loading, but it will likely be added in a future update
Hi There, I have an urgent need for my website called kosaa.ca. It doesnt load at all for logged out users, but works perfectly fine for logged in users.
Is there any specific page(s) where the problem can be observed?
[Request]
Vimeo background in ROW background 
Pls!
With the parameter: ?background=1 to embed without the player
Hey ofmarconi, I’ve noted the request
Hello, how I can remove icons from Flip boxes and change text color and size? http://betasite.icgrehab.com/early-intervention/ Thank you.
Hey Fixedman,
1. You can remove the icon by selecting the default value ( in fontawesome the first icon is blank ) https://ibb.co/FgB7D70
2. The text color is inherited from the body, but by using the editor you can set the text to any heading which is inherited from your typography settings in the Salient options panel > typography > general HTML elements.
To change the coloring, you can use the following:
.flip-box-back .inner {
color: #ff1d1d;
}
.flip-box-front .inner {
color: #ff1d1d;
}
Cheers
but when I change it to H3 it changes color to black.
Hey Fixedman,
Here’s some CSS for that:
.flip-box-front .inner h3 {
color: #ff1d1d;
}
Hello, it is still black http://betasite.icgrehab.com/early-intervention/
Hey,
Checking your page source it seems that the snippet you pasted in is missing the period at the beginning. i.e. in your CSS box, you’ll need to change:
flip-box-front .inner h3 {
color: #0055a5;
}
to
.flip-box-front .inner h3 {
color: #0055a5;
}
It works! thank you.
You’re welcome, Fixedman
It would be amazing to see an update to the magazine demo, or maybe a new magazine layout.
Adding “dark mode” would be amazing in the future.
Thanks
Hey myuption,
Thanks for the requests
Hi, I am keen to purchase your theme. Does it automatically cache any videos in the page header? Does the theme incorporate any optimization options?
Hey VRams,
1. Asset caching is not handled through the theme itself, as that’s related to your server/CDN. We recommend using plugins such as W3 Total to assist with that.
2. Salient splits up the CSS to reduce the overall amount of rules loaded based on the elements in use on a page. However, performance plugins are still recommended for minification/concatenation/caching
How to change the background of the rollbox?
Hey tuka_85,
add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
#ajax-content-wrap {
background-color: #000;
}
Hi when is the next update due?
Hey Wobblefin, The next beta will begin public testing later this month. We hope to deliver the next Major release the following month
Cheers
How can I hide with CSS the “Pull Right” Top Navigation Menu when the menu transforms to the Mobile Canvas Menu. Thank you.
Hey Krissalle,
You’ll need to copy the following file into your child theme to modify that: salient/includes/partials/footer/off-canvas-navigation.php file
The section to remove is: https://pastebin.com/0zbbPC7k
Cheers
Is there a way to achieve this with the new updates to Salient? Could you point me to the documentation if so?
http://themenectar.com/demo/salient-frostwave/portfolio-fullwidth-default/Hey taccaralanay,
That portfolio style has not changed and still exists in Salient. You just need to add the portfolio element to your page in the page builder and select “full width” for the layout: https://ibb.co/zRKJLHB
Cheers
Hey there… please assist. I THINK/HOPE this is the the last time I’ll have to bug you guys, lol.
How can I solve this? I can’t figure out what to target. https://bit.ly/2WmbCl1 Under the NEWS, BLOG & PRESS area.
Here’s a screenshot of what I see: https://bit.ly/3h5fkHC
Thank you.
Hey arteest
You can add in the following to modify that:
#ajax-content-wrap .nectar-post-grid[data-columns] > div .item-meta-extra {
width: 100%;
}
Cheers
Thank you. I added the CSS but, unfortunately, that didn’t remedy my issue.
Please try to remove the spaces in the snippet rule like so:
#ajax-content-wrap .nectar-post-grid[data-columns] > div .item-meta-extra {width:100%;}
Ha! That did it. For some reason, copy/paste was adding extra garbage. All is well now!
Any idea why that happened (the short excerpt width)? Also, for now I only added the CSS to the 1 page. Would it be wise to add it to the General CSS area instead???
Also, would the excerpt title share the same code? It did not conform.
Hey arteest,
The width gets capped to 75% when setting the columns in the post grid to 1 (expecting that it would be taking up a larger width in the content area). If you’re using that setup on more than one page, you could switch the snippet to the theme options panel to have it load globally. However, if you only need it on that one page there’s no need to move it.
If you want to alter the width for both, you can switch the snippet to:
#ajax-content-wrap .nectar-post-grid[data-columns] > div .item-meta-extra,
#ajax-content-wrap .nectar-post-grid[data-columns] > div .post-heading {width:100%;}
Thank you sir. I applied the code and the excerpt area works. The title area still didn’t expand though.
Sorry about that! You’ll also need this:
#ajax-content-wrap .nectar-post-grid .nectar-post-grid-item .content .post-heading {
max-width: 100%;
}
That fixed it! Thank you all so much.
You’re welcome, arteest
Hi there—is there any way for me to apply some global spacing directly under the header for blog posts? See my link where the first paragraph always bumps up right under the header https://whydontyouknowthis.com/how-to-get-a-man-to-want-you-without-playing-games/
Hey JayCarver, There is space on the top by default. It appears that you have a snippet of custom CSS which is removing it in your Salient options panel > general settings > css/script related tab:
body.single-post.material[data-bg-header="true"] .container-wrap {
padding-top: 0!important;
}
Thanks—that worked!
You’re welcome, JayCarver
How can I overwrite the loop-markup.php file (salient-core / includes / post-grid / loop-markup.php) in the child theme? it’s possible?
Hey santimon,
You can copy the function within that file (nectar_post_grid_item_markup) into your child theme to modify it.
Cheers
Hello! I have carousel slider with dark background with image and text.
I made 2 column inner raw: left – image bg, right – text on white background.
Problem: with 5 carousel slides – each inner raw in nexts slide different height because of different amount of text. Same on mobile.
Question: how I can make each inner raw / column with white background SAME height in each carousel slide?
I tried many “tricks” and div space etc – BUT it’s impossible to make it super precise and always height is different in each slide and on dark background it’s visible.
Thanks
Hey SiamNinja!
Can you please share the relevant page URL so that I can provide some CSS based on your specific setup?
Thanks in advance
Hi, Is it possible to activate mansory overlaid style on related posts? I saw that on related posts we have a different, classic style that i dont like.
Hey fbiazetto, As of now there’s no option to use the meta overlaid style for the related posts. In the Salient options panel > blog > functionality tab you can switch it to the “material” style if desired.
I’ve noted your +1 for the idea to add the meta overlaid as an option.
Hi,
First off, love your theme. I’ve built dozens upon dozens of sites on it. I would love to be put in touch with the owner of the Salient theme, as I have a business proposition.
In any case, here’s my issue. Images that do not have perfect proportions, get cut off: https://prnt.sc/tile4n
I understand that this is naturally so. Most themes, especially low quality ones all have the same issue. it’s super annoying and I’ve always had to hire a developer to code in the fix for it.
Images should shrink ‘proportionally’ and fit into the container. That is how every half decent eCommerce website works. See Amazon or ebay as an example. No matter the size or proportions of the image, it will always display fully zoomed out within the container. (without stretching!)
My question is twofold:
1. Do you guys have a snippet of code that I can give to my devs to solve this? If yes, please send it my way and I’ll save it for all future builds.
2. Can you guys consider applying this fix in a future update? It is supper annoying and basic. No one is going to build a substantial website with that bug and go live without fixing it. And the notion of cropping every image offline to perfect proportions is not viable.
Here’s an entire plugin (rip off) dedicated to fixing this issue: https://sirplugin.com/
With Salient being, practically, the most luxurious WP theme on the market, I think it’s only right that you guys factor this into an upcoming update. Unless it already exists and I’m not aware!?? That would make my day.
p.s. this fix should apply to the products as they are showcased and to thumbnails: https://prnt.sc/tilgfn and if you want to get real fancy, it should apply to parameters of the image when being viewed: https://prnt.sc/tilgr1
Hey nateadmin,
WooCommerce itself directly handles the image sizing for products through built-in functionality. To accomplish what you’re looking for as of now would require the use of a plugin or setting the thumbnail cropping to “uncropped” in the Customizer > WooCommerce settings and then using custom CSS to constrain the width/height to make those uniform.
I’ve noted the idea on the wishlist
Cheers
hey guys, I’m currently using the team template that comes with the theme. When you click on a profile there is a full screen popup. I’ve customised it with your help to just display the text without the photo now, but I’d actually like to add a small profile picture next to the text. How can that be done? Thanks!
Hey titansdesign,
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) {
body .nectar_team_member_overlay .team_member_details {
padding: 5% 10%;
width: 50%;
}
body .nectar_team_member_overlay .team_member_picture {
height: 50%;
width: 25%;
position: relative;
display: block;
}
body .nectar_team_member_overlay .inner-wrap {
align-items: center;
justify-content: center;
}
}
