38438 comments found.
Hello team, I’m looking to find way to remove or change the color of the overlay in “fancy box” i mean when i pass the mice over the box the color in in!?
Thx
Hey,
Add this into the custom css box in the Salient options panel:
.nectar-fancy-box .box-bg:after {
display: none!important;
}
Cheers
How do I enable video background on mobile devices?
Hey infinitous, that option is not available at this time – anything prior to ios10 did not support it at all, but in future updates we will add the option to enable it on modern devices
- Is there a way to add HTML (links) to the team member bio section with the “Bio Show Fullscreen Modal” team member style selected?
- What is the ideal size for the team “Bio Show Fullscreen Modal” image, as it is appearing blown out/pixelated when using the 1200×766 sizing as provided through Salient Studio.
Hey mcThings,
1. Not as of now, but i’ve noted to add that in future updates
2. The preview image for that element is provided by unsplash and changes regularly – the dimensions could sometimes not be fully optimized for that size. Since it’s a portrait size, anything around 600×900 would be a good start
Cheers
On the homage of the website, the “Read more” is a green color but I need to change it to a darker color. I can’t find the CSS element to adjust the styling. Here’s the website, http://s663455391.onlinehome.us/
Hey,
.blog-recent[data-style="minimal"] .col > span {
color: #000!important;
}
Cheers
Is it possible to change the order of columns in a row based on the screen size. Based on the website I am working on, I need the following things to happen:
-“II’s Story” section (text) should go below the image (in black white) rather than the text followed by the image. -in the hero image section of the website, the page header that I created in the area shows up perfectly on desktop/laptops but on mobile devices the headers are covering the faces of the people in those image. Is it possible to shrink those if possible? If not what solution do you reccomend.
Here’s the website, http://s663455391.onlinehome.us/
Hey,
1. You’d need to create two separate rows with each order you desire, then you could use the responsive column options to hide/show the relevant ones on each device size
2. The page header on the URL shared has a picture of a microphone as the BG, i’m not seeing any faces – perhaps it’s on a different page within your site?
Cheers
2. The page headers are within the website.
Did anyone see my response? I am needing to better understand how to make the page navigation items work best on a mobile device.
Hey, add this into the custom css box to keep the titles aligned with your desktop heroImage css
@media only screen and (max-width: 690px) {
body .vc_row-fluid .vc_col-sm-2[class*="vc_col-sm-"] {
width: 100%;
margin-left: 0!important;
}
}
Hi, Congratulations on the work done, after working with several themes, I can tell you that Salient 8 is the best performed and organized. I wanted to ask you how to customize the size of the grid in the portfolio, is it possible?
Thank you!
Hey danielopfm, thanks a lot!
What were you looking to achieve? Could you also share your current portfolio URL so I can see the setup as it is?
Cheers
Of course, www.saga.site/sg My intention is to have a grid of images a little smaller, like
Masonry Size Dimensions Regular 400×600 Wide 800×600 Wide & Tall 800×1100
or
Masonry Size Dimensions Regular 350×500 Wide 700×500 Wide & Tall 700×1000
is it posible?
Hey, you’d need to modify nectar_add_image_sizes function in the functions.php and then run this plugin to recreate your images https://wordpress.org/plugins/regenerate-thumbnails/
Cheers
Yo yo, is there a way you can make the bottom half the menu bar transparent so it looks like the logo pops off the bottom?
Thanks!
Yo thomasmkl!
That would require some custom dev, however if you share your URL I’d be glad to take a look at the setup to see if I could make some suggestions of how to achieve it
Cheers
Thanks. It’s:
http://bristolbaydirect.com/Try adding this into the custom css box:
#header-outer {
background-color: transparent!important;
box-shadow: none!important;
}
#header-outer:before {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 50%;
background-color: #fff;
content: '';
}
nope, that didn’t work. : /
Hey, in addition to that – also add this one more thing 
#header-space {
display: none;
}
Hi,
We have noticed a problem with the lightbox and firefox. For the website www.filmbeeld.com we want to use Salient 8.0 with Wordpress 4.7.3.
On the frontpage we have placed a portfolio grid. Visitors can click the button to view the video. All browsers will open the video in the lightbox, except Firefox.
Is there a solution for this problem? Thanks in advance!
Explaining video https://youtu.be/2_AShul69Rg
Regards
Hey hanscorstjens,
Try switching your lightbox script from prettyPhoto to magnific in your Salient options panel > general settings > functionality tab
Cheers
Hi! Many thanks! That is the solution.
You’re welcome
Hello!
I created a few topbar (secondary) menu items, and I would like to make one of them bold. What should I write in custom css and what CSS Class I should write in the menu section?
Thank you!
Hey epitets!
#header-secondary-outer nav > ul.sf-menu > li:nth-child(2) > a {
font-weight: 700!important;
}
Cheers
Hello!
Pre sale question.
Is possible have two different head in site? Example: In Homepage use a Head with logo in center and in Blog use head with logo in left position.
Tks!
Hey Indutivadesign!
Unfortunately not as of now without some custom development to the header.php
Cheers
Hello!
I have two issues:
1. I want the circle that becomes a rectangle on hover to have a radius when it is a rectangle. Please see the picture (link), to know what circle I am talking about: http://infinitous.se/1s.png
2. The header menu becomes like this: http://infinitous.se/2s.png in smaller screens
so
how do I make it to look like this?: http://infinitous.se/3s.png
from 1200px
The link to the website: http://www.beta.tasteland.se
Hey infinitous!
1. Add this into the custom css box in the Salient options panel:
body .wpb_column:hover > .wpb_wrapper > .morphing-outline .inner:after, body .wpb_column:hover > .vc_column-inner > .wpb_wrapper > .morphing-outline .inner:after {
border-radius: 8px;
}
2. That wouldn’t be possible without custom dev – use this snippet to shrink the text size:
@media only screen and (max-width: 1300px) {
body header#top nav > ul > li > a {
font-size: 10px;
}
}
Cheers
Hi pre order question, is this compatible with WPML plug in?
Hey shaungreen77,
It’s not on their officially compatible list but many users are using it with the theme currently
Cheers
I’m a user of ‘ThemeNectar’. I have a problem with my portfolio.
See the url link.
I have set the [Starting Category] value to ‘Default’ on the page. I want Sortable to be ‘all’.
But it looks like ‘Event Design’ is activated. I set it to ‘default’.
Help me if it is a demo error or a problem with my homepage setup.
Wait for your reply. Please help me.
Hey kyjsh1110, are you using v8 of the theme?
How can I switch off the “Enable Fancy Select/Checkbox/Radio Styling” for a specific page? I only need it OFF in one page (don’t want to change the look throughout the rest of the site for just this page). Thanks
Hey superbrecs,
That wouldn’t be possible without some custom modding since it’s a global option and css overrides wouldn’t be enough – you could handle it through a child theme header.php and set the option off for a specific page ID
Cheers
Hey Theme Nectar,
On posts, is there a way of having ‘auto load next post’ when scrolling? Or is there a plugin known to work with salient to achieve this? (It seems the Autoload Next Post plugin doesn’t)
Thanks
Hey radisafi,
Unfortunately I don’t have a plugin to recommend for this functionality at this time, but i’ve noted your +1 for the idea on the wishlist
Cheers
Good evening. I have a question regarding the speed of Salient. I love the theme but the speed (or lack thereof) really concerns me. I have W3 Total Cache installed as well as Minify, yet, it still takes forever to load pages.
My Yslow score and other speed test scores are pretty embarrassing and I’m close to transitioning to another theme, even though I don’t want to move. When I say embarrassing, I mean I am getting page loads of 7-10 seconds with grades ranging from F’s to percentages in the 40 percentile range.
Is it possible to share your minify/cache settings? Getting desperate. Thank you.
Hey arteest, that should definitely not be the case under normal circumstances: https://gtmetrix.com/reports/themenectar.com/5nUXp4QE
I do have an article written up on performance optimization in the documentation here: http://themenectar.com/docs/salient/performance-optimization-guide/ but I would ask for you to kindly share your URL so I can see what’s up
Cheers
Thank you very much. Really love your theme and plan to stick with it for a few years. If you can assist with my speed, you have a client for life. URL here – bit.ly/2j3tTh9
Please don’t forget to put eyes on my site. Thank you.
Hey again,
currently I’m seeing your site perform better than before:
https://tools.pingdom.com/#!/dv0ce9/http://devisionlab.com/?It seems you could still do some more image optimization as some of your images are not fully compressed for the web, and the fact you’re using custom thumbnails for your portfolio instead of featured images is making you miss the adaptive image sizing (added in 8.0) causing google page speed to think you’re serving images that are way too large (since you’ve constrained your 3 col project layout fairly small on the home page) and giving you a massive penalty in their scoring algorithm. I’m also seeing in any of your slower page loads that the server response time is taking longer than normal. The amount of plugins you have active will effect this and of course any poorly configured hosting environment – have you tried to deactivate third party plugins to see the difference or ask your hosting company what’s causing the delay in responding?
Thank you for such thorough feedback! Will implement the suggestions.
Cheers
Hi, amazing theme and it’s only getting better with every update. Is there any way to change what social buttons do when clicked on? At the moment they open a ‘new post window’ but I would like them to redirect to my company page url instead. Your help would be really appreciated.
Thanks AkosBrandecker!
Are you referring to the social sharing buttons for the portfolio/blog pages or the VC social element?
Cheers
Hi. I’m referring to the VC social element. I love the way the buttons are animated but can’t seem to be able to change where they link. Thanks!
Hey! That element shares the current page to the given social service, if you want custom static links you could just add links to the VC icon element
Big issue after the new update. Posts are starting to give AMP validation and HTML validation error.
Here is an example on the demo https://validator.w3.org/nu/?doc=http%3A%2F%2Fthemenectar.com%2Fdemo%2Fsalient-corporate%2F2013%2F01%2Ffacilisis-nulla%2F
The issue is number 2 and number 3 in above link. srcset
I know your demo is not set up to have AMP pages, but when you set it up you will get an error that says Missing URL for attribute ‘srcset’ in tag ‘amp-anim’.
At first I thought its an AMP related issue, but later when I checked the the HTML and it did not validate, I understood that it was after the Salient 8 update. Before that the posts validated just fine and we did not have any issues.
Unfortunately I can not share my link, it is a privet and sensitive information. But if you set up AMP pages and give it a week you will see errors on your pages.
Can you please fix this as soon as you can? Google Webmaster Tools says your pages will not show up as AMP and it says critical error.
Thanks
Hey toolbox101, 8.0.1 fixes that – if you’d like the release now just send me an email using the contact form on my author page
Cheers
thank you so much sir. your sport is great, I have just emailed you.
You’re very welcome
HI, I have tested the files you sent me but the AMP tester tool by google still returns an error. I don’t know if google needs some time to update but i’ll just wait a day or 2 and retest again. Also, when do you think the new 8.0.1 will come out to fix this issue and other bug fixes?
Thanks
Hey, could you kindly share your URL through the validator so I can take a look?
HI Nectar, I understand that you need the URL to test but I am sorry my link is privet and has sensitive information. However, I hope this screenshots will help you.
Here is the error message that says. srcset is missing. http://imgur.com/a/3tO0v
And here you can see in the code I have marked in the red rectangle where the link should be. As you can see its empty http://imgur.com/a/PtClY
I hope this helps, thank you for understanding.
Hey, those screenshots have helped – I’ll send you another version shortly
I have managed to fix this…
Added the following code. http://imgur.com/a/kd2EQ
in the shortcode-processor.php and it validated all the AMP errors. Can you please check on your side and see if this was the correct method?
Thanks
HI,
How can i hide the blog sidebar on mobile?
Also, how can i control the width of the sidebar container and the blog content container, there is no option for padding or width.
I am asking because the main content is too close to the sidebar i’d like to give it right padding or add a divider line to make them a bit spaced, they are too close to each other.
Thanks
Never mind about this, got it done. However, still need help with that AMP errors. Thanks
Hey, glad to hear
I am noticing that my hero image on the mobile device isn’t responsive. It’s my hope that the hero image doesn’t have to be so tall. It appears that the 600px I set for the desktop version appears to be the same on my mobile devices. http://s663455391.onlinehome.us/
Hey one9ooh6,
The amount of text you have in that section is what’s dictating the height – if you want it to appear smaller, you can adjust it like so:
@media only screen and (max-width: 690px) {
body .subsub {
font-size: 1.3em;
}
}
Cheers
Good ole media queries…was thinking about that. So I am a up and coming web developer. So did this change the font size of everything in the .subsub container.
@media only screen and (max-width: 690px) {
body .custom-row-name .subsub {
font-size: 1.3em;
}
}
No it worked, just wanted to make sure I understood.
Gotcha
