38441 comments found.
Hello,
May I know why at certain screen width, the right column is not really fully to the right side. See picture below, there is a little gap. I include the staging url also for you to check.
https://ibb.co/74SJKjH https://iceiceicy.com/causeeffect/our-process/And one more thing, I enable the full screen row. And I also created a scroll-box div. Now how I can I made my mouse scroll working inside the scroll-box? Because if I try to mouse wheel inside the box, it just gonna scroll to the next page.
Hey effective_advisory,
1. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
.vc_row.vc_row-o-equal-height>.span_12>.vc_column_container {
flex-gorw: 1;
}
2. The fullpage script by default allows for a custom scrollbar to take effect when the row content is larger than the screen height, however if the scrollbox is a custom css solution of overflow: scroll, it would require JS development to prevent the row transition when scrolling inside of that.
Nice, the solution for no 1 works!
For no 2, can I know is you guys using any plugin for the one-page scroll? So that maybe I can google on how to turn it off if the mouse is inside my custom scrollbox.
I noticed you use fullPage.js . Do you know how can I disable it when the mouse is inside my custom div that has a class of .scroll-box ? :/
Hey effective_advisory, inside of the jquery.fullpage.min.js file, you could locate this section:
if( !window.vc_iframe) {
canScroll = false;
}
and change it to just be:
canScroll = false;
Hi 
Question. When i select a video background, it will not show on mobile. How can i fix this?
Have a great weekend. Cheers!
Hey ruimdenker,
Could you kindly share the page URL so I can take a look in regards?
Hope you have a great weekend too!
I selected a Youtube background. But on mobile it will not apair.
Hey ruimdenker,
The youtube background feature is a standard feature of the WPBakery page builder and is not possible to show on mobile devices (since there’s no autoplay available on mobile for them). Salient offers a self hosted feature (webm/mp4) which is capable of playing back on mobile though.
Cheers
I Guys, How to customize single blog page template?
Hey azarulhakim,
What are you trying to change about it so I can steer you in the right direction?
hi guys!
Is there any way of adding an icon to the left side of each navigation links in the primary navigation menu?
Also,
Is it possible to have separate hover colors for each of the links on the nav bar?
Hey bachuramadhikari,
Both of these items would require custom css, however there are plugins out there to handle the icons such as https://wordpress.org/plugins/menu-icons/
Cheers
Hello,
Please could you provide some code that would:
1. Change the background colour of the blog page http://new.allgood.tv/blog/ 2. Change the background colour of a blog post. 3. Change the blog headers currently on white background to black http://new.allgood.tv/blog/
I have tried all the code from the other comments and nothing is working.
Thanks
Hey THISISALLGOOD,
1. add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body .post-area.masonry.classic_enhanced article.post.large_featured .content-inner,
.masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
background-color: #000;
}
2. In the Salient options panel > general settings tab, please change your “Overall Font Color” to white, currently it’s set to the default ”#000”
Cheers
is there a way to bring the google map to 100 height of o column? the solution with 100vh didn`t work perfekt and with100% the map will not shown. When i have a fixed header, than it is tooo big! thanks for help
Hey haoe,
There’s no option to dynamically readjust the map element height to fill a column. Have you tried to use a slightly less value for the custom css such as 90vh or 80vh?
We wanted to use it in our project, but we received errors
Hey recelinteractive, you shared a URL that is currently not using Salient – can you share the URL where you have errors so I can take a look?
Hi guys,
for some reason the dividers that i have used inside a row are not displaying on the mobile view. How do i turn the dividers on in mobile view
http://www.dreamin.ooo/tumkurIn the mobile view the image is ticking to the text at the bottom, the desktop version has a 40px divider which is not showing up!
Help!
Hey bachuramadhikari,
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: 1000px) {
body .divider-wrap {
display: block!important;
}
}
Cheers
Can you take a look at PRIVATE TICKET #1871577 and please help me with it? Thanks!
Hey Kevin, I took a look earlier today
Cheers
Thank you very much!
You’re welcome kevinjsutton
Hi Phil,
I use sticky menu on all pages the site, but on some pages I also use sticky submenu page.
Is it possible to disable the top menu so that only the submenu is sticky, for a page specified with a CSS code? If so, can you help me with the code. Thanks!
Hey RV73,
It would indeed be possible with custom css, add this into the custom css box located inside of the WPBakery page builder (top right gear icon)
#header-outer {
position: absolute!important;
}
Cheers
Thanks 
But there is a problem, I have an empty space above the submenu, here is the html code in the page:
class="page-submenu stuck" data-bg-color="#004cff" data-sticky="true" data-alignment="left" style="top: 92px; transform: translateY(0px);
and on you demo:
class="page-submenu stuck header-not-visible" data-bg-color="#004cff" data-sticky="true" data-alignment="left" style="top: 0px; transform: translateY(0px);
How can I get the same result as the demo for a specific page?
Thanks
Hey RV73, could you kindly share the URL of the page in question so I can take a further look?
Thanks in advance
Hey Phil, I resolved with CSS code, it is on the widescreens that there was this bug. On mobile it was ok, So I insert this in my page:
@media only screen and (min-width : 1024px) {
.page-submenu.stuck {
margin-top: -92px;
}}
Is this clean?
Thanks
Hey RV73,
That would work fine
Cheers
Ok Thank you for your support
You’re welcome RV73
Hello, I extended my support, but am unable to submit a ticket. I am logging in from Envato. Can you please help?
Fixed now!
Hey pscinc, sometimes ticksy needs an hour or so to propagate changes to user licenses – glad to hear it’s working for you now
Hi awesome theme ! but for font awesome 5 I have some issues and i found a way to fix it maybe you could include it next release… here’s the fix and now it’s a pain to do it for all icon … you have to change those 2 lines in css to make it work:
font-family:’Fontawesome’!important; font-weight:normal;
to this
font-family: ‘Font Awesome 5 Free’!important; font-weight: 900;
and also include this in the footer
<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.6.3/css/all.css” integrity=”sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/” crossorigin=”anonymous”>
hope you guys appreciate and make the fix!
Hey designPopcorn, 5.0 of font awesome reworked the library completely and updating would break existing user sites which made use of the icons. Because of this, WPBakery has not updated the library yet but when they do we will incorporate it as well.
Is there an option to add a scroll down arrow to the bottom of a full page row. Something like the one on the nectar slider?
Hey MarcGarner,
The call to action element has a style that emulates this as of v10.
Thanks
Glad I could help MarcGarner
Great theme! I am trying to figure out how to create a fixed height section on the homepage using text block which contains a shortcode. Any ideas?
thank you!
Thanks soarwithit
Could you kindly share the page URL so I can assist with an example snippet?
Cheers
Homepage, blue section just under the header. Section is titled “Current RV and Trailer Rentals”
I need to add code to a text block but I want the height to be contained and fixed to 350-450 px max.
thank you
Also, the h1 tag is huge on the iphone. I tried adjusting in the Salient customization but no luck adjusting on mobile.
Thanks soarwithit,
1. I’m still trying to figure what exactly you’re trying to contain to 450px max height – I assume the image gallery of RV rentals? Are you trying to create a scrollbar for that section on mobile when they all stack in one column?
2. In the Salient options panel > typography > responsive settings tab, do you have the “Custom Responsive Headings” on? If so, what percentage do you have selected for mobile H1? Also in the Typography > general HTML elements tab, do you have a value set for the Heading 1 font size?
1. Disregard this comment.
2. Yes, “Custom Responsive Headings” is on. I bumped it down to 50 then 30 and nothing changes. Still too large.
Ah! Fixed thank you!
You’re welcome soarwithit
When using the “Left Aligned Thumbnails + Sticky Product Info” product layout option, I can’t tap on the gallery images to view as main, on a mobile?
Hey MarcGarner,
this issue is going to 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:
@media only screen and (max-width: 1000px) {
.single-product .row > .product[data-gallery-style="left_thumb_sticky"] .summary.entry-summary {
clear: both;
}
}
Thanks
You’re welcome MarcGarner
hi, I cant seem to see the date on my portfolio thumbnails, I can I make these appaear? https://www.pbm-property.com/pr/news/
2. Is there a way to enable blog widgets to only shopw particaur caterogies and child catergories in the sidabar?
Hey alisonleon,
1. Do you have option for “Display Dates on Projects?” checked in the Salient options panel > portfolio > functionality tab?
2. The widget “Nectar Recent Posts Extra” does allow for a category selection within the widget
I am using the transparent header that turns color at scroll. Unfortunately i can’t manage to make the dropdown transparent too.
I am using: #header-outer[data-format=”centered-menu”].transparent header#top nav >ul.sf-menu >li ul { background-color: rgba(255,255,255,0.0)!important; }
...which makes the background transparent, but not the hover. Also i don’t know how to turn the grey dropdown text white. Page: www.lynxestate.com
Can answer this myself now: You can change the dropdown color of the transparent menu by simply typing “transparent” at Header Navigation > Logo & General Styling > “Dropdown Background Hover” in the Salient Admin Menu.
I also set the “Dropdown Font” Color to none, so it let me adjust the color via: #header-outer[data-format=”centered-menu”].transparent header#top .sf-menu li ul li a { color:#ffffff!important;}
..otherwise you can’t overwrite the Admin settings as those are automatically set to !important and then by higher priority, no matter what you do. You are welcome.
Hey qshi,
I’m glad to hear you sorted it out. Thanks for posting that to help out anyone else who may come across it.
Cheers
Hi,
on my site (my-copenhagen.dk) my menu dropdown items have a black background on hover. How do i remove that, and change it to standard color dark grey, no background and white text color on hover?
Furthermore, how do i change the text in the search bar to be danish and use a custom placeholder text? it’s both the text in the input search and the little instruction text under?
Thank you, Magnus
Hey Magnus,
1. Add this into the custom css box located in the Salient options panel > general settings > css/script related tab:
body[data-dropdown-style="minimal"] #header-outer:not([data-format="left-header"]) header#top nav > ul > li:not(.megamenu) ul a:hover {
background-color: transparent!important;
}
2. You can translate those strings by using the nectar_salient_strings.pot file to generate your own .po file. Alternatively you can find the strings directly in the includes/header-search.php file
Cheers
How stop Salient from applying “full-width-content nectar-shop-outer” to shop page? very frustrating as test site works okay, but not live site. Somehow I managed to turn this off in development but cannot find out now!
Hey rednosemonkey, that should only be applied if you’ve selected the “fullwidth” layout for your shop page in the Salient options > woocommerce tab
This this is the first place I tested. Set at “full width” on the development site there is no problem and “full-width-content nectar-shop-outer” class is not added. On the live site there is. BTW, there are no other options other than full width. Only side bar options, and they add the same “full-width” class! The only reason I can see for this is that the production is running 10.01, and the development is running 10.0. So I assume the bug was introduced on the latest update. It is making it impossible to re-code your css to allow for 2 products columns in mobile view, because of the annoying way the screen is shifted off to the left with that full-width class.
Hey rednosemonkey,
v10.0.1 was a very minor update and did not alter anything relating to WooCommerce. Since there have been no other reports of this could you please reach out via the contact form on my author page with temporary admin credentials so I can take a closer look at your setup https://themeforest.net/user/themenectar
Thanks in advance
How do I change button font color from white to black? I have a yellow button and white text. Looks like crap. I want a yellow button and black tetxt
[button open_new_tab=”true” color=”accent-color” hover_text_color_override=”#fff” size=”large” url=”http://jazzslc.com/pedritomartinez/” text=”Upcoming Concert!” color_override=”“]
Hey Andrew1G,
There’s a field for “Button Text Color Override” that was added into the button page builder element settings a few releases ago. Are you on v10 of Salient?
No I haven’t upgraded anything. I’m too scared that I’ll have to use the horrendous new Wordpress layout that I have no idea how to use! But I should probably refresh my stuff. How do I upload the updated theme?
Hey Andrew1G, you can still update Salient and not WordPress if you want to stay on WP4.9, however we have an article on WP 5.0 and you will not be forced to use the new gutenberg editor as long as you have the Salient WPBakery page builder plugin updated to the current version (5.6) http://themenectar.com/docs/salient/wordpress-5-0-update-guide/
