38438 comments found.
Hi Themenectar!
I am trying to create a few headings that will have a specific size and font, and was modifying one of your previous suggestions. Can you help me figure out why this is not working? These modifications almost work, but not quite:
.jumbo-text {
font-family: "raleway";
font-weight: 100;
font-size: 100px;
line-height: 60px;
}
.subjumbo-text {
font-family: "Playfair Display SC"!important;
font-weight: 900!important;
font-style: italic!important;
font-size: 50px!important;
line-height: 60px!important;
}
Thanks!
Hi Themenectar,
So I think that I figured out the issue, and was able to make raleway and lobster work. For my reference, what is the font family name that i should be entering if I was to use Playfair SC? And is this the best way to achieve specific size and fonts?
Thanks!
It is a completely valid way assuming you need to add fonts in a way more precisely than possible with the typography options.
If the font is indeed being loaded correctly there should be no issues – can you provide me a URL so I can see if that’s the case?
Cheers 
Hi ThemeNectar, I just submitted a ticket with the login information.
Ticket #165470
Thanks!
Thanks a lot! -I’ll be with you soon
HI, thanks for the answers! another question, I am trying an effect like http://ppt.cc/rXS3 To try to make that, I set a group of slides (in which contains half transparent PNG. picture such as, in this example, “Health from the nature” with an orange block) then I set the row background as the honey bottle. But it didn’t work as the example shows How should I adjust to approach the effect of the examples? Thank you very much.
Hey!
That’s the right way to approach the problem, can you just share your URL where you have this setup so I can see what’s stopping it?
Cheers!
Hi Nectar
Is there a way to add Flickr to the footer social icons? – I looked at the footer.php and tried calling the Flickr icon instead of the instagram icon but didn’t work :)~
Thanks
Hey SamAsh!
Changing the:<i class="icon-pinterest" />
in your footer.php file to:
<i class="icon-flickr" />
will work – just make sure still configuring the pinterest option in the admin panel as if it were for flickr
Cheers
Cheers Nectar – worked a treat
Thanks yet again!
You’re welcome
Hey Nectar,
I’m nearly done! It’s looking sharp – very happy.
Is there a way to have a list of portfolio items (like client case studies) appear in the side bar – it seems that there’s only visual options for this at present (which are great) The icon based links are cool, but they take too much focus away from the page – I just want to make sure I’m not missing a simple way of doing this.
Cheers man. C.
Hey again radiantfilms!
Without using the recent projects widget, you’d have to write the links out yourself in a text widget. Alternatively you could search for a plugin to list items from custom posts types in a widget as I’m sure some exist
Cheers
Great theme, been using it for a while.
Do you have a workaround for your ”!important” tags in your responsive.css, other than removing them? Some are very specifically targeted and can’t be overridden.
As a child theme user, I’d rather not have to edit the main theme files as well on every update. Redoing those edits can become very time consuming.
Great work. Thanks.
Hey VelvetMedia!
In all cases there should be a way of overriding through more specificity – can you give me an example of one you’re having trouble with so I can suggest how to override?
Cheers
responsive.css
body header#top #logo img {
height: 24px!important;
margin-top: -3px!important;
top: 3px;
position: relative;
}In previous versions I added a class (in header.php) with the properties I wanted. However, the latest version it doesn’t work. I tried several other methods of targeting it, with no success.
Thanks for the help.
That segment of the responsive.css hasn’t changed since the release – have you tried to use the snippet given in this ticket in regards: http://themenectar.ticksy.com/ticket/46745/search/ ?
Cheers!
Hi Theme Nectar Great Job!
is it possible to “fade out” and then “fade in” the whole site (except the header) when i change the portfolio page?
can i add a background-color and a gif-loader to the post images before they are loaded?
Thank you!
Hey r0bert13!
This would require some custom js development – if you’re up for it here’s a tutorial: http://www.mkyong.com/jquery/page-loading-effects-with-jquery/
If you need some assistance with the mod you could head on over to microlancer which is a service from Envato that offers paid WordPress customizations. I’m sure a developer on there would be able to wrap this up for you
Cheers
Thanks!
You’re welcome!
Thanks Nectar for a wonderful theme! I’ve spent all weekend playing around with it and have made my website. (http://www.watsonuniversity.org) However, I have 2 questions.
1. My Carousel is not working properly. I have chosen to use the carousel to feature the media coverage we have gotten, but as you can see, it jumps around and does not rotate smoothly. I am not super experienced when it comes to web-design. But because I did not find it in earlier comments, I thought I’d ask.
2. How do I get portfolios to show text under the thumbnails? My portfolio items are scholars and professors (since I’m running a school) and I would love to have a one sentence bio underneath each portfolio item on the site.
Thank you so much, I hope these questions aren’t too annoying for you, and great work on the template. It’s great stuff.
Hey epsteida!
1. It appears you have a lot of extra break tags (caused by spaces) between your carousel items – if you have trouble removing these I would be glad to log in and help you sort it out Just open a private ticket with your credentials at http://themenectar.ticksy.com/
2. Unfortunately this would require some custom development – ideally a new input would be needed to allow that sentence to be inputted and queried for appropriately. If you need this, I’m sure someone at microlancer could assist with the mod
Cheers!
Hey ThemeNectar! I tried getting rid of all the spaces in the carousel, but it doesn’t seem to be doing the trick… Could you help me out? Just created a ticket on the site. Thanks!
Of course – I’ll be with you soon
Hi!
How to hide tags while on mobile?
I’m talking about the native tag widget that comes as standard with WP.
I need to know the ‘name’ of the tags cloud so I can hide them
I know it is done just like so..but don’t know the name of the tag widget/cloud
mobile #mobile-XXX {
display: none!important; }
Thanks
Hey multicorechina,
@media only screen and (max-width : 690px) {
.widget_tag_cloud {
display: none!important;
}
}
Cheers
Hi, I want buy salient theme, but ask first: can i add two sidebars on woo commerce pages, left and right sidebars with different widgets?
Hey vgusev, this would require some custom development (modifying the WooCommerce template file in the theme to look for two sidebars).
Cheers
Is there a way to have the posts or text blocks sorted alphabetically or numerically?
Specific to the Salient theme, In Visual Composer > add element > Blog, there is a way to define the category and # of posts—is there a way for me to to add the option to order these posts alphabetically?
Hey sildona,
you’ll have to open the shortcode-processing.php file inside of the nectar/tinymce directory, search for ”//blog” to end up at the right place and then change this:
$blog_arr = array(
'posts_per_page' => $posts_per_page,
'post_type' => 'post',
'category_name' => $category,
'paged'=> $paged
);
to this:
$blog_arr = array(
'posts_per_page' => $posts_per_page,
'post_type' => 'post',
'category_name' => $category,
'orderby'=> 'title',
'order' => 'ASC',
'paged'=> $paged
);
Cheers!
Thanks, but this adjustment changes the post order to alphabetical on all pages. Is there a way to restrict alphabetical ordering to one particular page?
You’d have to create conditional logic to use that query array only on a specific page like this:
if( is_page( 'About Me' ) ) {
$blog_arr = array(
'posts_per_page' => $posts_per_page,
'post_type' => 'post',
'category_name' => $category,
'orderby'=> 'title',
'order' => 'ASC',
'paged'=> $paged
);
} else {
$blog_arr = array(
'posts_per_page' => $posts_per_page,
'post_type' => 'post',
'category_name' => $category,
'paged'=> $paged
);
}
Cheers!
Excellent! Thanks!!
You’re welcome
Hello again,
How can I set an icon custom color? when I insert icon as shortcode, I can only select 3 colors. How can I set a custom color for an icon?
Thanks.
Hey YakiPasandi,
there’s actually 4 colors to choose from, but what kind of an icon were you trying to change? The large/large alt are hard to create custom colors for, but the others are fairly easy via custom css.
Cheers
Hi there, Been using the theme for a few months now, absolutely love it.
Just a couple small niggles that have been bothered me a bit. On my website http://www.samueljustice.net/ you can see the tagline “Welcome. I specialze in creating sound for interactive entertainment.” The background for that is set as an image (parallax) which works on Internet Explorer and other browsers but for some reason isn’t showing in Chrome.
Also at the bottom – the testimonials part of the main page, that is also set to parallax, but it doesn’t seem to move at all with scroll.
Any ideas? Thanks!
Hey samueljustice00! Please see this ticket in regards: http://themenectar.ticksy.com/ticket/128447/search/
Your site looks great by the way
Hi,
Is something like this possible? I want to add a simple save/favorite button to my posts like a “wishlist”.(people must sign up, so it can be saved on their profiles?)
http://thegadgetflow.com/portfolio/qualcomm-android-toq-smartwatch/Hey elmakebabi, this would require the use of a plugin or some custom development since there’s nothing in the theme to assist with this.
Cheers
Hi ThemeNectar team,
For the Individual Portfolio page, I’m seeing the following behavior that I can’t track down how to solve:
- Blog entries added through Visual Composer to a Portfolio page, in masonry view, fail to appear when in desktop view but when I drag the browser width short enough to be mobile, they pop in. When in desktop width, the blog items are still clickable, but not visible. I can not find why they should fail to appear. I can make them appear by changing the blog setting to NOT masonry. But as soon as it’s masonry, they’re not visible.
- In the same Portfolio detail view: when you DO see those blog entries, the “post-meta no-img” (the date/heart rectangle) gets overlapped by the blog post-header and excerpt content.
Both issues can be seen here: 1800 Tequila Commercial
Thanks in advance.
Hey Perred,
In regards to both questions: It’s a conflict with ID’s since the blog gets placed in a div with the ID of post-area, it fails to correctly work inside the single project/post pages since they’re also in a div with the same id. You can try opening up the single-project.php file and removing that id.
Cheers
Thank you for getting back to me so quickly, ThemeNectar,
Your recommendation fixed the two issues I asked about, but there’s still trouble for the sidebar: 3. its “follow” feature is now broken, and 4: the sidebar’s position (on mobile) is below the comments.
I’m working with a child theme, so I’m making modifications to content in my child folder. What I’m detailing here can be found in the same link as in my initial 2 questions.
I opened single-portfolio.php and changed div id=“post-area” to div id=“post-area-single” and that immediately solved the display problem in both 1 and 2. The video is at the top, and the other items appear correctly below, in masonry. However (on desktop), the sidebar didn’t appear on the right. Instead, it was pushed to the bottom, below the comments. So I mined through style.css to find all instances of post-area, copied each of these elements into my child’s style.css, and added “-single” to the end of each, like so:
.single-portfolio #post-area-single { padding-right: 40px; }
And so on. That correctly positioned the sidebar/description to the right on desktop.
But now, two problems (in more depth than my summary above):
3. I lost the ability for the Sidebar to “follow” scroll. I searched the code but couldn’t find what to change to enable follow. (And yes indeed it is turned on in Salient > Portfolio Options > Portfolio Sidebar Follow on Scroll).
4. When viewed on mobile (including shortening the browser width on Desktop), the Portfolio Details page pushes the Sidebar/Description into a position below the comments. I believe that your default positions it just above the comments.
So on mobile, I’d like to position the sidebar contents in this order:
• video • sidebar (description) • portfolio-extra • comments-section
... so that the sidebar contents feel like they’re still attached to the main video/featured image.
Thanks, Perre
(I edited the above because ThemeForest dropped parts thinking they were code, so please refresh before reading/replying.)
Hey again Perred!
The remaining items which need to be changed in order to remedy the new issues are going to be inside of the init.js (which is located in the js folder)
Inside that file search for:
portfolioCommentOrder()
and
portfolioSidebarFollow()
to end up at the right sections to change the ”#post-area” selector into the new ”#post-area-single”
Cheers
Thank you ThemeNectar, I’ve tried every variation I could think. Now I feel I’m just guessing, not knowing if in some cases I’ll reference #post-area, or #post-area-single, or #post-area.post-area-single, or .post-area-single? None of my variations appears to effect a change. Here’s that passage of code as you have it, if you wouldn’t mind reposting how you think it should be, then when try it, if that still doesn’t enable follow or reposition the #sidebar, then I’ll see if some of my other changes are throwing it out of whack. Thanks, Perre
//portfolio single comment order
function portfolioCommentOrder(){
if($('body').hasClass('mobile') && $('body').hasClass('single-portfolio') && $('#respond').length > 0){
$('#sidebar').insertBefore('.comments-section');
}
else if($('body').hasClass('single-portfolio') && $('#respond').length > 0) {
$('#sidebar').insertAfter('#post-area');
}
}
portfolioCommentOrder();
//portfolio sidebar follow
var sidebarFollow = $('.single-portfolio #sidebar').attr('data-follow-on-scroll');
function portfolioSidebarFollow(){
if( $('body.single-portfolio').length > 0 && sidebarFollow == 1 && !$('body').hasClass('mobile') && parseInt($('#sidebar').height()) + 50 <= parseInt($('#post-area').height())) {
$('#sidebar').addClass('fixed-sidebar');
var $footer = '#footer-outer';
if( $('#call-to-action').length > 0 ) $footer = '#call-to-action';
$('#sidebar').stickyMojo({footerID: $footer, contentID: '#post-area'});
}
}
Try this
//portfolio single comment order
function portfolioCommentOrder(){
if($('body').hasClass('mobile') && $('body').hasClass('single-portfolio') && $('#respond').length > 0){
$('#sidebar').insertBefore('.comments-section');
}
else if($('body').hasClass('single-portfolio') && $('#respond').length > 0) {
$('#sidebar').insertAfter('#post-area-single');
}
}
portfolioCommentOrder();
//portfolio sidebar follow
var sidebarFollow = $('.single-portfolio #sidebar').attr('data-follow-on-scroll');
function portfolioSidebarFollow(){
if( $('body.single-portfolio').length > 0 && sidebarFollow == 1 && !$('body').hasClass('mobile') && parseInt($('#sidebar').height()) + 50 <= parseInt($('#post-area-single').height())) {
$('#sidebar').addClass('fixed-sidebar');
var $footer = '#footer-outer';
if( $('#call-to-action').length > 0 ) $footer = '#call-to-action';
$('#sidebar').stickyMojo({footerID: $footer, contentID: '#post-area-single'});
}
}
Hi ThemeNectar. yes I tried that exactly. Tonight I pasted into init.js what you posted. Tested. No go. So I changed two other instances in init where you’ve got post-area. those are now both post-area-single. And still both issues are outstanding. The main thing I’m trying to accomplish is repositioning the sidebar when it becomes sidebar-inner. I can do without the sidebar following when on desktop.
Hey – can you please open up a private ticket in regards so I can log in to your setup and sort it for you? The last snippet should have sorted it. http://themenectar.ticksy.com/
Cheers
I opened a ticket but never got an email to confirm it. I have an issue with woocommerce. The shop page is showing one column instead of multiple columns. The next page buttons at the bottom are also messed up.
Hey mr777, what’s your ticket number?
Cheers
164152
Answered
Firefox updated to 27.0.1 and now it wont let me scroll down on the website. Downgraded to 26.0 and it works fine now. You guys might want to look in to that bug. Thanks
Hey djtavo03! I can’t seem to replicate this behavior on 27.0.1, are you on Mac or PC? Also are you able to replicate this on the demo here: themenectar.com/demo/salient ?
Cheers
Hey djtavo03! I can’t seem to replicate this behavior on 27.0.1, are you on Mac or PC? Also are you able to replicate this on the demo here: http://themenectar.com/demo/salient ?
Cheers
Thanks for the quick reply. Mac OS X 10.9.1 – Build 13B42 It works fine on the demo so im guessing is something with mine. Weird thing is that it works fine on safari/chrome and whenever i roll-back to firefox 26.0 it works fine. I was working on my website yesterday and it was working correctly. Restarted the iMac this morning and because last night firefox 27.0.1 was released it got updated automatically and that started to happen.
Hey again – that’s interest9ing. Is there anyway you could supply a URL so I can try checking your site with the latest Firefox?
Cheers
Can you give me an email to send the information more privately? Thanks
did you get my email to check the website for me? Never received an answers. Thanks!
Yes, sorry for the late reply!
Hi,
I am considering this theme as framework for a new site. My question is regarding the header. I have seen the flat examples in the “features” section of the demo. It looks like the examples with the additional options could be re-purposed to display phone number / email link. Is there a way for me to see the header options live rather than the images so that I can see how they will respond to smaller mobile layouts?
Hey worldonecoder, you could check out some use cases of the theme of buyers who have that option activated such as: http://redtidepictures.com/
Cheers
is there any way to have the mobile navigation on as default
having the three line icon with the drop down instead of the text based navigation?
Hey Caroline!
Add this into the Custom CSS box located in your Salient Options panel:
header#top nav {
display: none!important;
}
header#top #toggle-nav {
display: block!important;
}
thanks for that – maybe this is a function in the next release!
Perhaps it will get added as a built in option if enough people request it
Cheers!
How do I make all 4 price-table columns uniform height regardless of content. For instance, my column 1 had more attributes than columns 2 through 4, and they were uniform height. However, in editing, I deleted something, don’t know what I did, and now my column heights are all content dependent and looks snaggle-toothed.
Hey sidona!
There’s a known bug with this in the current release – to fix it just open your init.js file located in the js folder and search for “pricingTableHeight()” to end up at the right place.
Now change this:
$('.pricing-table').each(function(){
$tallestCol = 0;
$(this).find('> div .features').each(function(){
($(this).height() > $tallestCol) ? $tallestCol = $(this).height() : $tallestCol = $tallestCol;
});
//safety net incase pricing tables height couldn't be determined
if($tallestCol == 0) $tallestCol = 'auto';
//set even height
$(this).find('> div .features').css('height',$tallestCol);
});
to this:
$('.pricing-table').each(function(){
$tallestCol = 0;
$(this).find('> div ul').each(function(){
($(this).height() > $tallestCol) ? $tallestCol = $(this).height() : $tallestCol = $tallestCol;
});
//safety net incase pricing tables height couldn't be determined
if($tallestCol == 0) $tallestCol = 'auto';
//set even height
$(this).find('> div ul').css('height',$tallestCol);
});
Excellent, thanks!
You’re welcome!
Your demo appears to be set to responsive mode and allows zooming on a smart device. I am unable to duplicate this. If I have it as responsive, I can’t zoom; if not responsive, can zoom. What settings do I use to get responsive and allow zooming?
Hey Carrie!
You’re probably checking through the ThemeForest iframe which interferes with the responsive behavior – if you load the URL directly on your phone at http://themenectar.com/demo/salient/ you should see the correct functionality.
If you want to enable zooming on your phone though, open the header.php file and change this line:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />to this:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
Thanks so much! That didn’t work for me, but it lead me to what did. <meta name=”viewport” content=”width=device-width, initial-scale=1 user-scalable=yes”/>
Glad you sorted it
Cheers
