38438 comments found.
Hi~! I purchased your theme and tried hard to make my homepage. It is really good theme for me. Thank you. But I have some trouble….
First, I want to make home page style like this site.
http://wedgeandlever.com/As you see, this site home style is ‘Home – Portfolio Eye Candy’ but different in your demo site. I want to this slide style..scroll down and change image and moving smoothly on the image, & change image… I really tried to make this slide type, but failed at all. Please let me know how can I do this..
And Second, I want to change Text size and Text color on the slide. It always sharpen text and same size. How can I change?
Sorry for my question,, Would you help me? I reallly need your help.. Thank you
Hey caramelhip,
1. Can you share your URL so I can take a look at what you have so far? Have you tried to enable the parallax effect on the slider element itself?
2. You should be able to alter the size via the typography options tab in the Salient options panel. Altering the color could also be done with css, add this into the custom css box located in your Salient Options panel:
.swiper-slide .content p, .swiper-slide .content h2 {
color: red!important;
}
- if that’s not working please open a ticket in regards with your admin credentials so I can take a look at what’s going on 
themenectar.ticksy.com/
Cheers
I added the following code to the custom CSS code panel to get a semi-transparent header:
header-outer {
background-color:rgba(42,115,175,0.9)!important; }
I have about 1cm of space at the top of the page’s header image directly under the header bar. What do I need to change in the theme’s CSS?
Thanks in advance!
I also added a box around one of my menu items. I had to delete the page from the actual menu and then program the words in using the custom CSS code panel.
Everything is great except for the mobile menu. How do I get it to show up as normal mobile menu text as if it was never boxed?
Hey tesolutions!
Could you share your URL so I can take a look to help?
Cheers
www.testing.michellemurphydesigns.com
Any solution yet?
One more question while you’re helping me Any way to add a button (with link) to the page header subtitle field? I need it on each page but if I put a link in and update the page it goes away. I really need a button!
Hey again,
1. Add this into the custom css box in your Salient options panel:
@media only screen and (max-width: 1000px) {
#page-header-bg {
margin-top: -92px!important;
}
}
2. Unfortunately not yet since the input field wouldn’t be capable of saving html tags without breaking
That didn’t do anything… 
Whoops, change that to:
@media only screen and (min-width: 1000px) {
#page-header-bg {
margin-top: -92px!important;
}
}
Hi,
Is it possible to have background images for full-width columns? I can only see it done in a single column layout. However, I have a two column layout where I’d like to have background images for each, rather than color.
Thanks!
Also, I’m trying to change the sticky header’s transparency but don’t know where to change the color values. Essentially, the transparent header turns white after scroll, but I’d like to have it change from 100% transparent to rgba(255,255,255,.3).
Can you guide me to the .js file where that change would go?
Thanks
Hey jjezjay!
1. Yes, there should be an image upload field for the columns when inside of a full width row – if you’re not seeing that please open a ticket in regards so I can check out the backend
#header-outer.small-nav {
background-color: rgba(255,255,255,0.3)!important;
}
Cheers
How do I submit a ticket? The “background mode” for columns only has “default or custom color”. It doesn’t have the same selections as the “section” editor.
Thanks.
To clarify, I’m trying to have different background images for each column. I can only see background image selection for the full width row, not individual columns. I only see the option for “default” or “custom color”.
Hey again!
You can submit a ticket here: http://themenectar.ticksy.com/ – if you’re not seeing BG image selections on columns, please ensure you’re on an updated version (4.5.22 is the current release)
Cheers
One question on logos… Is it possible to switch the logo to just an icon when in mobile views?
Hey mbianchi27! As of now that would require some custom modding to the header.php file
Hello, Love the theme! I discovered the little grid in my individual portfolio pages goes no where. I would think it should go back to my portfolio grid. Is there a way to fix that?
Hey!
You can define the URL for that in your portfolio options tab in the Salient options panel
For my Portfolio I am using the masonry layout with the Project Style ’Title overlaid w/ zoom effect on hover’.
How can I hide the image centered h3 on page load and display it on hover with the zoom?
I had no problem hiding the h3 using css but nothing worked to display it on image hover. I couldn’t even find the appropriate file to try some jQuery. Will you please shed some light on this situation for me? Will you share a css technique that will work, or will you tell me where the js file is and give me a clue on what query might work to accomplish this? Also Im hiding the
date text, but will you tell me where I can edit and style it?
Awesome theme!
Thanks much, Mark marklovett.com/oil-painting-portfolio/
Hey Mark
body .portfolio-items .col .work-item.style-3 h3 {
opacity: 0!important;
}
body .portfolio-items .col:hover .work-item.style-3 h3 {
opacity: 1!important;
}
Cheers
On the “meta below thumb w/ links on hover,” portfolio option is there anyway to remove the view larger button?
Thanks, JD
Hey JD,
Add this into the custom css box in the Salient options panel:
.portfolio-items .col .work-info .vert-center a:first-child {
display: none!important;
}
Cheers
Hi, I am having an issue right now in the Single Product view of woocommerce. I’m trying to have the product text and description wrap around the thumbnail images, but every time I think I’ve found the right coding, it just over laps the thumbnails.
Do you have a code for this?
I have also run into another issue now. On my store page the product images are duplicated one on top of the other.. when I inspect the html version it shows:
1/2? x 30? w/4” Helix Four Anchor Set- Storage Building or All Purpose with HD Attaching cable and clamps
$24.95How do I fix it so one of the link images doesn’t show up when they both have the same id?
img width=”100” height=”107” src=”http://groundanchor.com/wp-content/uploads/2012/10/100×107xTOSH0028-100×107.jpg.pagespeed.ic.c9BGi2QioL.jpg” class=”attachment-shop_catalog wp-post-image” alt=”TOSH0028”
img width=”100” height=”107” src=”http://groundanchor.com/wp-content/uploads/2012/10/100×107xTOSH0028-100×107.jpg.pagespeed.ic.c9BGi2QioL.jpg” class=”attachment-shop_catalog wp-post-image” alt=”TOSH0028”
Hey! Could you please share your URL so I can take a peek?
Actually I just reloaded the theme and everything is fine now. But is there a way to make the boxed theme larger.. like 90% of the screen?
Hey!
Add this into the custom css box in the Salient options panel:
@media only screen and (min-width: 1000px) {
body #boxed, body #boxed #header-outer, body #boxed #header-secondary-outer, body #boxed #page-header-bg[data-parallax="1"], body #boxed #featured, body #boxed .orbit > div, body #boxed #featured article, .ascend #boxed #search-outer {
max-width: 90%!important;
}
}
Is there a way to just turn off search capability all together? Hides search icon?
Hey mbianchi27, for now please see this: http://themenectar.ticksy.com/ticket/127980/search/
(it’s going to be an option within the theme options panel in the upcoming update)
Cheers
aweome thanks
You’re welcome
Hey and thanks for an amazing theme! Good job!
I’m using the mouse parallax on my home page and it looks amazing on my computer, but on the mobile it gets way too zoomed in and big. I and to use divider to get the text “ProLUT” on top of the parallax background further down to the middle of the background (which I guess is the right way to do it) but that makes it way too far down when looking on a mobile since I have to scroll a bit to get to the text then.
Is there a way to make everything look like it fits mobiles as well? So that the background isn’t that zoomed in and big, and the text isn’t that far down.
Hey davidhjlindberg!
Are you using % padding values for the row instead of px values? If you do that the responsiveness of it should be very accurate as shown here: http://themenectar.com/demo/salient-ascend/ – the page uses 20% for the top/bottom padding fields
Cheers
Yeah, I’m using 5% for top and 1% for bottom, using 20% makes it even bigger on both mobile and computer so that’s not quite what I want.
Could you kindly share your URL so I could take a look?
Hey again! I’m seeing a 250px divider in the section – could you kindly remove that and up the % padding?
Hey. That made it look a lot better. So now I have 20% on top and 10% on bottom which makes it look great on computer, but unfortunately it’s still as zoomed in on the mobile version as before.
Hey again – could you kindly open a ticket in regards with you login credentials so I can assist further? http://themenectar.ticksy.com/
Ok, just did that! Thanks!
You’re welcome
Hi,
I’m trying to emulate this navigation functionality: http://themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266Specifically, the image bleeding into the navigation until the scrolling occurs on a portfolio item page. I assume there’s an option for this somewhere, but I can’t seem to find it.
Hey dangerpixel!
you can activate that in the header settings in your Salient options panel by checking the box for “Use Transparent Header When Applicable”
Cheers
There’s no such option in my Salient header settings
In that case you might be on an older version of the theme before that was released – are you on v4.0+?
It seems I’m on an older version, but I don’t see anywhere to upgrade.
You can update by downloading a fresh copy from ThemeForest, deleting the current version you have on your server and uploading the new. I recommend using FTP, but you can use the WP dashboard if you prefer. You won’t lose any of your content or theme settings so don’t worry about that if you were
Couple of questions before I pull the trigger: I notice at smaller resolutions that this theme loads the same large images it does for large resolutions. Does your site have smaller images for mobile to reduce k-size load? Does your slider support videos? Not for bg play but for embedding (ie YT or Vimeo)? Is it possible to have controls on the video background? Can you provide sass files?
If the answer is no for any of these, are they potentially in the works? Thanks.
Hey animike,
1. For now you’d need to use a plugin to serve different sizes on mobile devices – here’s a good write up on integrating one http://www.smashingmagazine.com/2012/06/14/responsive-images-with-wordress-featured-images/
2. Yes, you can embed external videos into the slider (but not as the BG)
3. This is an item on the wishlist, but for now it would require a mod to show/style them
4. Unfortunately sass was not used in the making of the theme
Cheers
Three Issues:
1. The lines of text with transparent background on the nectar slider, when in full screen 1080 mode, have no padding between them and overlap. As you reduce the browser or screen size, the padding expands.
2. Nectar Slider does not play a video in IE11. It works in Chrome and Mozilla just fine. I’ve loaded the WebM, .mp4, and OGV video. What is odd is that the header rotates with the different light/dark slides, but just shows the grey loading background when video is selected. None of the slide backgrounds load when there is a slide with video background selected. I’ve tried reinstalling the theme and it did not fix the issue.
1. On iPad, the Page Header text and subtext do no scale to the size of the screen and overflow the DIV.
I appreciate your help.
Thank,
Adam
Hey Adam!
Can you please share your URL so I can take a look at these and assist?
Cheers
No problem. www.advm2.com
I’ve noticed another issue. The Project page, the masonry tiles “more details” breaks in half when sizing down the screen.
I appreciate you looking into these issues. Great theme and would like to see all this stuff working properly.
Hey again!
1.
@media only screen and (min-width: 1300px) {
.swiper-slide .content p {
line-height: 51px!important;
}
}
2. I can’t seem to find a video BG on your home page nectar slider – is there another URL which contains one?
3. Add this into the custom css box located in your Salient Options panel:
@media only screen and (max-width:1600px) and (min-width: 1000px) {
.portfolio-items .col .work-item .work-info a {
padding: 3px 5px!important;
}
}
Thank you for the code! I put the video background on the home page now so you can look at it. I will have to go back to static image before 8 AM tomorrow morning.
Thanks – have you tried following the steps listed in the “Troubleshooting video background” section of the user guide?
Is there an option or would it be easy to drop an overlay colour over the nectar fullscreen image please? I would like to use CSS.
Cheers Rich
Happy to amend any files if you point me in the right direction
Hey Rich, add this into the custom css box in the Salient options panel:
.swiper-wrapper .active_texture {
background-color: rgba(0,0,0,0.2)!important;
}
thanks bud, done that but not working though ??
I just tried both of these in the custom css to no avail:
div.swiper-slide.swiper-slide-visible.swiper-slide-active { background-color: #eee !important; }
div.swiper-wrapper .active_texture { background-color: rgba(0,0,0,0.9)!important;}
However when I inspect the code/css in chrome if I turn off the background image, the black overlay then works – bit stuck sorry
Rich
Hey again – could you kindly show me the page you’re using it on?
Sure it’s: http://richpearson.co.uk/
Any chance you could take a look at this, I’m a bit stuck without it
Try changing the snippet to:
.video-texture {
background-color: rgba(0,0,0,0.9)!important;
}
Hi again,
My font-family is suddenly not working. I never changed it. It used to be open sans, but now it’s some serif font. What happend?
www.proxplain.com
Sorry, my bad. Fixed it
No worries!
Hi Bud,
How close are we now to the next version being launched? Any could you perhaps confirm some of the feature list, and whether the side slide in menu will def be part of the release? Can’t wait.
Cheers Rich
Hey Rich!
Probably about a little over a week – and yes, a side menu slide out & new header options are some of new features
Add “Link Location” shortcode please . Detect Android and ios mobile visitors and give them downloadable Location data for their own device.
Hey maotun, I’ll add this item onto the wishlist – but you might be able to find a plugin to add this functionality as well
Hiya,
I have defined in my custom css the p tag to have a set line-height which in most cases works lovely, however when creating a new class with a different line height on it and putting it in a text box the new line height gets overruled by the p tag line height – is there a way to get around this?
Eg this is defined at the top of the custom css:p { font-size: 14px; line-height: 2!important; color:#000000!important; }
which is completely fine, but when this is used:
.exifstrong {color: #000000; font-size: 12px; line-height: 1; font-weight: 600!important;}
the line height gets completely ignored.
Code on the page itself is this:
<p><span class="sectioncaption">What I like about a photograph is that it captures a moment that’s gone forever, impossible to reproduce.<br /> <a href="http://www.richpearson.co">08 / 09 / 2014</a></span></p> <p><span class="exifstrong">Surf’s up dude</span><br /> <span class="exif">Canon EOS 7D<br /> F/2.8<br /> 1/300 Sec<br /> ISO 100</span></p>
Try also setting the span to !important
.exifstrong {color: #000000; font-size: 12px; line-height: 1!important; font-weight: 600!important;}
Thanks, but this doesn’t want to work, here is my css…
.exifstrong {color: #000000; font-size: 12px; line-height: 0!important; font-weight: 600!important;}
.exif {color: #000000; font-size: 11px; line-height: 0!important; font-weight: 300!important;}
.exif a {color: #000000; font-size: 11px; text-decoration: underline; line-height: 0!important; font-weight: 300!important;}
.exif a:hover { color: #000000; font-size: 11px; text-decoration: line-through; line-height: 0!important; font-weight: 300!important;}
Go to: http://richpearson.co.uk and scroll down to the first parallax section you will see the info under the caption
Here’s a working snippet:
.exif {
display: block !important;
line-height: 14px !important;
}
Brill thanks all working now
Hi Salient Theme,
thanks again for your really great theme!
My Website http://www.martinspeidel.info is nearly finished and I have one last question:
I made the header transparent and removed the thin line below by your provided css code. Now I can still see a thin black line when the Website loads. It’s not a very big deal, but somehow it bothers me.
Here’s a screenshot: http://www.martinspeidel.info/line.png
Do you have any clue how to solve this?
Thanks!
Hey Knusperschnitzel!
Change your snippet to this instead:
html body #header-outer[data-transparent-header="true"] {
border-bottom: none!important;
}
Cheers
this didn’t work now i have the permanent white thin line back, which i removed before…
here’s what i have in my general tab css field
.container-wrap, .project-title {
background-color: #f2f2f2!important;
}
body .container-wrap, body .project-title, body .portfolio-items .col {
background-color: #f2f2f2!important;
}
.nectar-slider-loading {
background-color: #393939!important;
background-image: url('YOUR-LOADING-IMG-SRC-HERE')!important;
}
.ns-loading-cover {
background-color: #393939!important;
}
html body #header-outer[data-transparent-header="true"] {
border-bottom: none!important;
}
Sorry – change that to this:
html body #header-outer.transparent[data-transparent-header="true"] {
border-bottom: 0 none !important;
}
Hi! I have an issue with Salient:
- On IE9 the embedded videos are very small (shows OK on Chrome)
Any idea what can be done?
Hey bitmove38, could you kindly share your URL so I can take a look at the video?
Also, where can I disable the buttons that float in the portfolio?
Hey again!
1. Currently I am able to see the video disabling normally in IE9 http://i.imgur.com/oa78m4f.png – have you also tried changing themes to ensure it’s only occurring with Salient for you?
2. Add this into the custom css box located in your Salient Options panel:
#portfolio-filters, #portfolio-nav {
display: none!important;
}
Added the CSS, but that did not fix it, video is still 200×160 (approx) pixels in size.
Will update to WP4.0 now to see if that does anything.
Hmmm, made it worse, even in Chrome: http://i.imgur.com/IOHTwa6.png
Side note: that icon top left with these four squares, shouldn’t that lead to portfolio home? Currently it goes to the same page…
I’d also like tto get rid of the watch video / more info buttons, but disabeling them in the php doesn’t seem to work. Any idea?
Hey,
1. The CSS I gave you was to remove the portfolio buttons – it should’ve have effected the video display
2. To get the back to all portfolio button to work, enter a URL in for it in your portfolio settings tab in the Salient options panel
3. Have you edited the shortcode-processing.php file in the nectar/tinymce directory?
