38360 comments found.
Hello hello,
I have a situation which is baffling me and I’m wondering if it’s possible using the visual composer or otherwise.
I have an element which has a full-width background image, and 2 columns (1/3 + 2/3; completely irrelevant information :-p). I’d like to have a third column which is below the two columns, spanning across the whole page – BUT, I also need the full-width background to cover all three columns. Do you know how I can do this? at the moment, I can only do it with two separate full-width backgrounds.
Many thanks!
Edit: http://i.imgur.com/rYKJKom.jpg – This screenshot might help. I’m looking for it to be like this, but just one full-width background.
Hey aduncan1987,
you could used nested rows inside of the main one with BG to stack columns while staying inside of a single parent row 
Cheers
Thanks for the reply – I’ve tried nesting the rows inside the main one, but I can’t get it so that there are two columns (1/3 + 2/3) on top, and then one column (1/1) below, all within the same parent row 
Hey – here’s how it would look inside of VC http://i.imgur.com/sn8RaQt.png is that what you ended up with but it didn’t work?
Thanks for that! having seen your image and done a bit more playing around, I’ve managed to nest them like your image . I have a big problem however – it won’t let me insert a simple carousel in the nested element! is there a way for this to happen?
On that note, is it possible to buttons on the simple carousel that are a bit like the nectar slider buttons, or the testimonial slider buttons?
Many thanks!
Hey, one way to get around that would be to switch to the classic editor and manually add the carousel shortcode into the column outside of vc so you don’t have that restriction. In regards to the button question that would take some custom modding
After a bit of fiddling, I have the desired result! I’ll mention that there wasn’t an option to set a column background colour for each column like you would if the column wasn’t nested, but I added the shortcode from an un-nested column and achieved the nested columns, with individual backgrounds
Many thanks for your help with this issue!
You’re welcome Glad you got it sorted
Hi,
Just ran into an issue which I’d say is related. Here is an image.
I’ve added individual backgrounds to the three nested columns shown, as mentioned in the previous post. For some reason however, although the 2% padding has worked fine in the top left column, in the other two columns, additional CSS has been applied to change the padding to 0px and I have no idea why. As far as I can see, the background colour shortcode used for the three columns is exactly the same as I copy and pasted the code:
[vc_column_inner width="1/3" enable_animation="true" animation="fade-in" column_padding="padding-2-percent" background_color_opacity="0.7" delay="2" background_color="#000000"][vc_column_text] lorem ipsum xyz hello [button....] [/vc_column_text][/vc_column_inner]
[vc_column_inner width="2/3" enable_animation="true" animation="fade-in" column_padding="padding-2-percent" background_color_opacity="0.7" delay="2" background_color="#000000"][vc_column_text] lorem ipsum xyz hello [/vc_column_text][carousel easing="easeOutSine" scroll_speed="1200"]...[/carousel][/vc_column_inner]
Sorry I can’t provide a link to the site as my organisation have locked it down, but if you have any idea what might be causing this, it would be a great help.
Thanks
Hey again – are you also on the latest Salient release?
Hmm…it would appear an update happened today…
I’m currently on 4.5.22 – allow me to install and I’ll get back to you with the outcome!
Argh, the outcome is not a positive one – my nectar sliders died, as did a lot of my text and images. One of my full-width backrounds suddenly went huge as well (original image size, rather than just the height of the vc row). I have reverted back to 4.5.22 for now and the padding issue remains!
The row BG issue is a known bug of 4.8 and is about to be sorted in the minor release due out in a couple hours – as for the other elements disappearing it was most likely a caching issue. If you update again and share your URL I’d be glad to take a look
Hi,
Nice one on getting a 4.8.1 out so quickly. However I’m having the same problem. I’ve cleared my cache from the beginning of time in both Chrome and IE11, closed all windows and I still have large empty spaces with lots of text missing. To give an example of an issue I was able to somewhat troubleshoot, I have a Team Showcase shortcode on one page and after applying the update, it has the following style:
element.style {
display: none;
}
HTML line:
<div class="tshowcase-pager-wrap " style="display:none;">...</div>
But without the update, the style is shown as crossed out when inspecting the element. Again, the website is currently password protected and I’m unfortunately my organisation won’t allow me to share this but if there was any way that you might know how to resolve this off the top of your head(s) it would be hugely appreciated! For now, I’ll continue with 4.5.22.
Many thanks.
That’s odd – if you can share the URL in private that would help, but one thing to try off the top of my head would be:
.tshowcase-pager-wrap {
display: block!important;
}
Hi there,
I’ll get onto my boss regarding the URL – in order to access the site myself I have to change my hosts file!
Anyway, so I’ve sort of fixed the problem. I’m using a child theme so I replaced my child init.js and header.php with the 4.8.1 versions, then added my changes. After doing this, all text reappeared, but the sliders and team showcase didn’t. I then did a bit of searching and thought my child functions.php may be the problem – I have a function in there to use my child init.js rather than the parent one:
add_action( 'wp_enqueue_scripts', 'javascript_init_script_fix', 20 );
function javascript_init_script_fix() {
wp_dequeue_script( 'nectarFrontend' );
wp_enqueue_script( 'salient-child', get_stylesheet_directory_uri() . '/js/init.js', array( 'jquery' ) );
}
I changed the number after “javascript_init_script_fix” (priority?) to 10 and cleared the cache, loaded the page, and then my sliders and team showcase returned! but, the carousel on my homepage changed to 3 columns (when I’d edited init.js to make it 1 coulmn). So I changed the number a few more times, and the carousel eventually changed to one column – but then when I navigated to another page and when back to the home page, the carousel reverted to 3 columns. And I then found it would intermittently choose between 3 and 1 column upon refreshing.
I’v tried all kinds of priority numbers but have got nowhere. Do you have any idea what I may need to do to fix this? I appreciate that it may be difficult without viewing the site itself
Thanks, Andy
P.S. Sorry about the length!
Hey Andy! That’s strange – whenever you can share the URL privately it will be a lot easier for me to help diagnose the root cause
Hi guys! I have a question about the pricing table. I was wondering if it is possible to replace the default title (“[pricing_column title=”Column 1”) with an image. I couldn’t find this question in the comment section..
Thanks!
Hey favothemes,
This wouldn’t be possible without some custom html markup as of now
Cheers
Hey there! Sorry for don’t figure this out by my own, but here we go: How do I change the “heart” icon into a beer icon using fontawesome (fa-beer)?
Hey – you can change that icon in the nectar/love/nectar-love.php file
Cheers
Is there a way to get an auto rotating slide show of images as the header of a page with a continuous caption over it please? I can’t quite see a way of doing it as the Nectar slider will change the caption for each slide (would be nice to have the future flexibility if captions could run for independent durations and stay in place if desired whilst slides change, or to have buttons remain too).
Hey dmatarch1,
This wouldn’t be possible to do without some custom development as of now unfortunately
Cheers
Okay thanks for the response. Thought I’d gone through all the options. Maybe a future option to make the Nectar slider even better
I’ve added the idea to the wishlist
Hello
We recently updated the theme and I was wonder what size the preview image should be for a Nectar video slider. This is primarily for viewing certain pages on mobile. View this link
Hey gaurav62489,
The preview image should be the same dimensions as the video you’re uploading
Cheers
Hi, I updates Wordpress 4
Now I noticed some problem with the theme.
When I edit a text, modal window opens, I change the text and click SAVE. The Modal Windows doesn’t close. And I have to click CANCEL or X to close the window.
Hey, please ensure you’re on the latest version of the theme and that no plugins are causing the conflict
I have downloaded and uploaded the newest version of the theme to my website. I’m wanting to make each column a different color but I’m not seeing the option for that like I do in the full width section. Am I missing something? Any help would be great. Thanks! www.pfyouth.org
Hey, please see this in regards: https://www.youtube.com/watch?v=DpJWWM4BAbo
Hi Theme Nectar, In the mobile menu I changed the color of the background (white), border (gray) and font(gray). Everything looks good except for the Home link that is not showing anymore. Could you help me, please? ( http://loureirojiujitsu.com) Here is the code I used: #mobile-menu { background-color: #FFFFFF; } #mobile-menu ul li a { border-bottom: 1px dotted rgba(0, 0, 0, 0.2); color: #808080; }
Hi Theme Nectar, I noticed on my iphone, mobile menu, once I click in the menu and select an link it takes me to the selected page but once I come back to the menu the link I hit at the first time disappear. Maybe because once is clicked it change the color to the same as the background. Maybe I need to add more codes in the custom css. I hope it helps. Please let me know once you have any resolution.
Hey! Add this into the custom css box in your Salient options panel:
#mobile-menu ul li a:hover, #mobile-menu ul li a:hover [class^="icon-"], #mobile-menu li.open > a, #mobile-menu ul li.current-menu-item > a, #mobile-menu ul li.current-menu-ancestor > a {
color: #000!important;
}
It worked fine. I’m using the Child Theme and after I updated the new Salient 4.8 the zoom was disabled again. Could you help me again please?
Its working again. Thank you.
Good to hear
Hello. I wish to use WPML with the Salient them for multilingual website. All of my pages have been written using the visual composer adding rows and elements. Does WPML work to switch languages with visual composer layout or only in the classic editor that reflects more standard WP sites? Please let me know. Thanks
Hey Bioniq,
WPML should be compatible with Visual Composer as well
Cheers
Hi Theme Nectar, My home page contains a nectar slider and since the IOS8 update the pictures are blurry and the Nectar Slider Heading and Caption are not showing either. I tested Chrome with my Iphone and looks fine but with Safari I still have this issue. Could you help me about this, please?
Here is the website: http://loureirojiujitsu.com
Hey maurinoloureiro,
This is going to be taken care of in the upcoming release
Cheers
Hey ThemeNectar, The new release came and still the same…blurry. Could you help me on this, please?
Have you tried to clear your cache/cookies after doing the update?
What cache? From my browser or from Wordpress?
I cleared both caches and the issue still.
I deleted the WP cache and browser and re installed the theme. The issue remains.
Can you also see this occurring on the demo still?
Hi,
my friend just purchase this Theme few months ago. He asked me to do something with his web.
I’m wondering why there is a small white space between my “Testimonial” row and “Call to action” button.
Do you mind to help me sort this out?
http://impactbusinessstrategies.co.uk/Hey CaliphStudio,
It seems there’s an unclosed strong tag in your editor – please switch into the text tab on it and delete any stray html strong tags you find
Cheers
Are you using fancybox or prettyphoto for lightbox images bud?
Rich
prettyphoto
Have you considered using fancybox, personally think it’s better and has a much better built in captions…
hi. is there a reason why the back-to-top button appears only on the desktop and not on mobile?
Hey J2Nations,
Because fixed position elements don’t render correctly on mobile devices
How do I change my top navigation to do the following please
1) Rollover with underline or strikethrough 2) Have my navigation directly under my icons instead of to the left of them
Cheers Rich
Add this into custom css box located in your Salient Options panel:
header#top nav > ul > li > a:hover {
border-bottom: 2px solid #000!important;
}
This option is coming in th next update
Is there def no way of adding captions to the bottom of lightbox larger images?
Rich
Not without custom development as of now
Can you please consider this as quite urgent, lightbox images without captions are essential for me and many others I suspect
I need to make my text blocks all align in the centre of the page, but left text aligned, here is an example of what I mean: http://samking.co/journal/ or: http://samking.co/adventures/austin-vol-2/
Possible? tried using columns in vc but that make the text block to narrow.
Rich
Hey,
You’d need to use css to set a max width on the column or just use Visual Composer in a setup like 1/4 + 1/2 + 1/4 and leave to the two side 1/4’s empty
Hi,
On this page: http://richpearson.co.uk/photo-diary/ how do I make the lightbox full screen background be solid white (instead of black with opacity)?
I suspect in doing this though I will need some css to change the button and arrow to black instead of white as well.
Rich
Add this into the custom css box located in your Salient Options panel:
body div.pp_overlay {
background: none repeat scroll 0 0 #fff !important;
}
And the css for the X and arrow buttons please so I can make these black?
Great thanks, I want the background to be a solid white please there is still opacity through to the background with this…
Hey Bud,
Do you have some code I could pop in to manually add a centred in footer back to top button? I would like it to just on-click smooth scroll back to the top
Rich
Hey Rich, I thought you already had it centered from the last snippet I supplied for that. Could you share the URL again?
Yes I had it centred but I can’t control it, I need it to be fixed on the footer and not scroll with the page, I also can’t manipulate init.js as it won’t work in a child theme, i have therefore turned the feature off – hence requiring some manual code to make it work.
Hi, how can we stop the testimonials slider changing on hover ?
Thanks Ben
Hey Ben,
If you’re talking about the stopping the rotation when an autoroatation is set – this would require some custom javascript development as of now
Cheers
I’ve encountered some glitches when using the fade transition in the nectar slider. When resizing the internet browser window, or opening all-in-one sidebar in firefox, it had the tendency to mess up the slide positions (half cropped with half black background). The page then needed refreshing to correct itself.
I had this occur on my desktop PC initially but the problem corrected itself so thought it was solved. On closer investigation though it has always happend on my PC laptop and tried on friends iPad air which still causes the glitch. Took me awhile to work out what it was but switching to the slide transition solves things and makes it really robust on all these devices so it’s just the fade transition which is a shame as I prefer that.
Hey dmatarch1,
Looking into this for the upcoming update
Cheers
