38434 comments found.
Is it possible to add an option to force a specific row full width (outside of the box) in the boxed layout? I have just recently switched to boxed layout however for my video pages it would be great to force a specific row to keep the full width like before.
Here is a sample page that would be useful for this feature. http://www.owenprescott.com/portfolio/earth-short-film/Basically I’m hoping to be able to force the black section to fit edge to edge of the screen while the rest of the rows remain contained within the box.
Hey owenprescott! Unfortunately that would require js modifications – there’s a different set of logic in placed for rows when using the boxed feature
Hi Nectar, I cannot for the life of me figure out how to get rid of the transparent black background behind captions in the home slider. I tried the #featured…opacity in the style sheet, which didn’t seem to do anything and looked for a control to turn the background off, but couldn’t find one anywhere when editing or creating slides for it.
Ideas?
Thanks!
—Andrew
Never mind—adding my own captions into the jpg files themselves is a better solution.
Hey Andrew! Glad you found the solution 
Nectar Team: It is possible to create a custom height for the Nectar Slider without having to use the features inside the ‘Edit Nectar Slider’ while editing a page? I have the ‘Flexible Slider Height’ featured active as well as a figured entered in the ‘Minimum Slider Height’ but on my iPad and iPhone the height of the slider is really messed up. Is there a way to adjust the height (or width if needed) of the Nectar Slider using Media Queries for Portrait or Landscape orientation?
Any help you could be would be greatly appreciated.
Thanks.
Hey eviscomm,
Add this into the custom css box and edit as needed:
@media only screen and (min-width: 690px) and (max-width: 1000px) {
body .parallax_slider_outer .swiper-container, body .parallax_slider_outer.first-section .nectar-slider-wrap, body .swiper-slide {
height: 400px!important;
}
}
@media only screen and (max-width: 690px) {
body .parallax_slider_outer .swiper-container, body .parallax_slider_outer.first-section .nectar-slider-wrap, body .swiper-slide {
height: 300px!important;
}
}
The code you gave me above works but the problem I run into now is the image appears large but the actually image container stays the same height. Is it possible to change the height of the image and the container for the Nectar Slider. Here’s a link to the image I am having problems with (http://eviscomm.ca/events/bluemind/about/blue-mind-your-brain-on-water/). As you can see it appears different on a desktop compared to that on a mobile device. Thoughts?
Thanks.
Try changing the snippet to:
@media only screen and (min-width: 690px) and (max-width: 1000px) {
body .parallax_slider_outer .swiper-container, body .parallax_slider_outer.first-section .nectar-slider-wrap, body .swiper-slide, body .nectar-slider-wrap, body .swiper-container {
height: 400px!important;
}
}
@media only screen and (max-width: 690px) {
body .parallax_slider_outer .swiper-container, body .parallax_slider_outer.first-section .nectar-slider-wrap, body .swiper-slide, body .nectar-slider-wrap, body .swiper-container {
height: 300px!important;
}
}
BRILLIANT!!! The new code you gave me works like a charm. Thank you. Thank you. Thank you.
You’re welcome
Bug Report -
FontAwesome recently released some new icons and while they show up in this theme when adding an Icon by itself, they do not appear in the list when using the Text With Icon feature.
Thanks for reporting!
Hi TN
Where will I find the HTML that controls what text is shown ‘no comments’ in these two sections?
https://dl.dropboxusercontent.com/u/4818849/2014_10_10/Ponte_City__A_New_Photobook_Experience_-_Peter_David_Grant.jpg https://dl.dropboxusercontent.com/u/4818849/2014_10_10/Blog_-_Peter_David_Grant.jpgCheers, Peter
Hey Peter,
The single.php file and the files within includes/post-templates
Cheers
Hi Nectar. 1. Any ideas on when the new demo pages will be posted? 2. Is it possible to apply the Ascend masonry blog style to the regular theme? I basically want the masonry images to be flush to the sides without the white border. 3. Would be great if we could use the Ascend ajax icon loader on the other theme styles or allow us to upload our own css version. Thanks!
Hey!
1. Within a couple days
2. Unfortunately thats a style specific to the ascend skin
3. Thanks for the suggestion – for now it would require some custom development
Hi, I really love this theme! A few questions: I don’t need the woo commerce. Is there a way to remove this so this function will not be loaded? I also do not use the slider function and would like to remove this to.
Hope you can help me with this.
Regards, Donna
Hey Donna!
1. WooCommerce is an optional plugin you don’t need to install/activate
2. You should be able to delete the slider element from any page where it exists in the visual composer tab of your editor
Cheers
Hi ThemeNectar,
I’ve added a button as a shortcode inside a text box. How can I change my background hover color? I need multiple background colors for my shortcode buttons. Basically, one color for my button shortcode isn’t working throughout my design. I want these color to override my “accent color”. What is the best solution? Thank you in advance!
Hey Brian!
If you’re on a semi recent release of the theme there’s actually an option for “Color Override” in the shortcode generator when adding a button
Cheers
Hi ThemeNectar,
Is it possible to have an image (when hovered) exchange to a different image before clicking it? Thanks!
Tim
Hey brianhallinc, right now this would require some custom development unless you were trying to switch a background image on a column/row – this could be handled with css
Hi ThemeNectar, I’ve set my H2 to be 24px in the Salient/Typography settings. Can I have my H2’s remain at 24pixels until it gets to the iPad width? Right now it looks like it reduces to a smaller size than 24px when viewed on a desktop around 1290 pixels wide or lower.
Hey brianhallinc,
Add this into the custom css box located in your Salient Options panel:
@media only screen and (min-width:1000px) {
body .col h4 {
font-size: 16px!important;
}
}
Cheers
Hi, I already made a site with this incredible theme (trinovationlab.com using another envato account) I’m thinking about use Salient another time with a different customer but he likes a left vertical menu instead of the normal center. Is it possible to display it on the vertical-left? Thank you
Hey!
There’s an option for a slide out menu by it would on the right as of now as seen here: http://themenectar.com/demo/salient-ascend/
One of them anoying dumb questions:
I would love BBpress or BuddyPress to use on the page I built using Salient theme. Is there any way to merge Salient theme (css) with BP so it takes your style?
As of now it would take some custom css writing – but there already is basic integration for buddypress which you can see in the style.css file by searching for “BuddyPress”
And lastly for the slideout widget why isn’t the nectar button showing like it should do, eg it’s inheriting styles from somewhere, I also want it rollover solid white with black writing:
http://richpearson.co.uk/adventures/sports/Thank you Rich
I’m seeing that you have white set for the idle and hover states currently – it’s looking normal on my browser what specifically is styled differently in your eyes?
Hiya, in that it doesn’t look the same as the other buttons, it’s smaller, has a thicker border etc – just doesn’t look the same ??
I supplied css on another comment to alter it, but here’s another piece to add for the border width:
.nectar-button {
border-width: 1px !important;
}
How do I add icons to the slideout widget that are white please and not black?
Cheers Rich
body #slide-out-widget-area .icon-default-style[class^="icon-"] {
color: #fff!important;
}
Again on my slideout widget the content needs to come down by about 50px from the top please so it’s inline with the menu – how do I do that please
Rich
body #slide-out-widget-area {
padding-top: 90px !important;
}
In my slideout sidebar all my links are being defined as uppercase, however I wanted some of them to be lowercase, Itried this code but it didn’t work
<p style="text-transform:none!important;"> <a href="http://richpearson.co.uk/">Dribbble</a><br /> <a href="http://richpearson.co.uk/">500px</a><br /> <a href="http://richpearson.co.uk/">Twitter</a><br /> <a href="http://richpearson.co.uk/">Facebook</a><br /> <a href="http://richpearson.co.uk/">Instagram</a><br /> <a href="http://richpearson.co.uk/">Get in touch</a></p>
Add this into the custom css box located in your Salient Options panel:
#slide-out-widget-area #text-6 a {
text-transform: capitalize!important;
}
On this page: http://richpearson.co.uk/adventures/sports/ when opening the slide out menu the title and date don’t move, but the rest of the page scrolls left .
How do I fix this please?
Rich
Addressing this in the next update
Hi bud,
Please could you have a look at: http://pastebin.com/eFa3MxAq
I simply need to wrap PHP around each block so each block becomes clickable (not just the words as it is now). You can see it in action at the footer of this page to see what i mean: http://richpearson.co.uk/adventures/sports/
The css is making the muse hand appear on the whole block
I have a support call open with you at the moment for it
Thanks Rich
Hey – just answered you on the forum in regards
Just replied to you
Will be back as soon as I can on the forum
Hiya,
Everything in my slide out widget area seems to be defaulted to white text,
I want to change the H4 to grey, the a links to grey and the hover to white.
I tried using this but it doesn’t chage the color – any ideas please?
#slide-out-widget-area h4 {font-family: "Europa","Brandon-Grotesque","Courier-Std","freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important; color: #000; font-size: 20px!important; margin-top: 0px!important; margin-bottom: 20px!important; text-decoration: none; line-height: 20px!important; font-weight: 600!important; text-transform:uppercase!important;}
#slide-out-widget-area a {font-family: "Europa","Brandon-Grotesque","Courier-Std","freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important; color: #666; font-size: 14px!important; margin-top: 0px!important; margin-bottom: 0px!important; text-decoration: none; line-height: 14px!important; font-weight: 600!important; text-transform:uppercase!important;}
#slide-out-widget-area a:hover { font-family: "Europa","Brandon-Grotesque","Courier-Std","freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important; color: #fff; font-size: 14px!important; margin-top: 0px!important; margin-bottom: 0px!important; text-decoration: none; line-height: 14px!important; font-weight: 600!important;text-transform:uppercase!important;}
Hey Rich, you can alter the colors in your header options tab of the Salient options panel when you select “custom” for the color scheme
Hey Mr. Nectar,
just inspiration: I found a good looking parallax scrolling effect at https://www.circle.com/en . Zoom in when you scroll up, zoom out when you scroll down. Also text animations at circle.com look good and smooth IMO (fade in and grow a bit simultaneously). That’s all.
Have an awesome day.
Cheers, Teemu
Hey Teemu!
Thanks for sharing
Cheers
