Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,204 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38438 comments found.

Hi Theme Nectar, I’m having issues with my Nectar Slider Header and Caption o IE11. On Chrome everything looks fine. Could you help me, please? URL: http://loureirojiujitsu.com

Hey maurinoloureiro!

Open up your functions.php file located in the root of the theme folder and search for this:

<i class="icon-salient-down-arrow icon-default-style"> </i>
and change it to:
<i class="icon-salient-down-arrow icon-default-style"> <span class="ie-fix" /> </i>

Cheers :)

I think you mentioned this to me before – so sorry if I have missed it.

But how do I get my top level page headers to remain transparent but make all the inside page headers be solid please? (eg all the work/portfolio pages)

Rich

Hey, sorry – if you’re trying to only target single projects and not pages use is_single( ‘mountain-drift’ ) instead – also, in 4.0.3 it’s not possible to keep this in a child theme but in the next version it will be so you’ll have to transfer this into the next version

Ok thanks bud, when roughly is the next version out that will support this please ? :-)

The end of this week most likely :)

Just going through all the menus and came across the Cheatin’ Uh… Made me smile.. That’s all…

Hey martyfin! That message actually occurs from WP itself not the theme you’re using and it can show for a variety of reasons – sometimes when you’re trying to access a page you don’t have permission to.

Bugs after updating wordpress to 3.9.

I’m not using the latest salient version, i dont want to upgrade so it won’t break anything. anyways, after updating WP to 3.9 tinymce stopped working, that means if i click the pencil icon to edit a text-block, i get a normal textarea without tinymce functionality :(

anyone?

Ah I see – for future reference, try and keep as much of your modding as possible in a child theme to avoid this kind of a situation. As long as you haven’t touched the wpbakery folder inside of the theme, try bringing the new version in from 4.0.3 to get the fix. (Make a copy of your old one in case anything bas happens)

I’ll try, thanks!

You’re welcome :)

I’ve been trying to get the composition as yo can see in the picture:

http://serialkillers.es/ARCHIVOS/duda_vc.jpg

I’ve tried it with both classic (shortcodes) and visual editor, but it’s been impossible to get it. Those blue 1/3 elements create a conflict once you update the page.

Is there any particular way to get it?

Hey cecichavez,

I don’t think VC allows you to nest that deep by default, but you probably could switch into the classic view and manually nest further in with vc_row_inner and then switch back into the visual view.

Cheers

Which classes do I need to edit please to amend the ajax autocomplete?

I want to change the following

1) Background colour 2) Font/text size 3) Icons 4) Divider line

Cheers Rich

1.

 
#search-outer .ui-widget-content {
  background-color: #fff!important;
}

2.

 
#search-outer .ui-widget-content li a {
  font-size: 14px!important;
  color: #333!important;
}
#search-outer .ui-widget-content i {
  color: #333!important;
}
body #search-outer .ui-widget-content li:hover, body .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, body .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background-color: #f5f5f5!important;
}

3. Those are added in the /nectar/assets/functions/ajax-search/wp-search-suggest.php file

4.

 
#search-outer .ui-widget-content li a {
  border-bottom: 1px solid #ccc!important;
}

Cheers

ok brill works a treat apart from the hover is grey, tried this:

#search-outer .ui-widget-content li a:hover {
  font-size: 20px!important;
  color: #fff!important;
}

Not working though?

Im trying to make
<ul class="comment-list">
left align with the content above and below it:

Its the comments blocks see: http://www.webteam.cornwall.nhs.uk/auctor-consectetur-ligula/#comments at the bottom of the page, its about 30 or 40px out from the left…

	

It come be the gravs that are causing it but not sure

Rich

 .comment-list li.comment > div, .comment-list li.pingback > div {
    padding: 25px 25px 25px 90px!important;
}

.comment-list li.comment > div img.avatar, .comment-list li.pingback > div img.avatar {
   left: 0!important;
}

That’s all working great thanks apart from 1 thing, in responsive mode the gravatars have completely disappeared?

 
@media only screen and (max-width: 690px)
   .container .comment-list li.comment > div img.avatar {
      display: block!important;
  }
}

Hiya!

Couple of queries which I hope you can enlighten me on …

I’m trying to make my site load as quickly as possible, part of which means I’m trying to upload images no bigger than they would display on my blog. At the moment, I’m outputting 1920 x NNN sized images which are probably too big. Can you please advise as to what the max full-size featured image and subsequent blog images are?

http://handcarryonly.com/sipping-agua-de-coco-and-kicking-cobblestones-in-paraty-brazil/

Also, I’m unable to find where to embed the link for external hosting of pictures in my posts, can you advise?

Thanks a million as always,

Adrian

Hey Adrian!

1. Since you’re using the full width blog your images don’t need to be uploaded larger than 1250 for the width.

2. As long as you just want to embed the image in the post and not set them as a featured image, you can simply add them into the text tab on your editor like:

 <img src="your-external-source.jpg" />

Cheers!

Fantastic, so I’ll have to embed the image using the ‘text tab’, there isn’t a GUI method anymore?

When you click on the add media button above your editor there’s actually a “Insert from URL” field if you prefer a UI :)

Is there a way on a post to view the next or previous posts: on here I don’t seem to have that ability: http://www.webteam.cornwall.nhs.uk/auctor-consectetur-ligula/#comments

Sorry again for all the posts here

R

Wow your good, this feature would be awesome as an update to salient – worth considering?

Thanks!

I’ve added it to the wishlist – I agree it would be a useful option :)

def would be :-) I tried adding your code and it doesn’t work, all it shows is 2 bullet points: have a look at: http://focuslabllc.com/journal/original-art-oreos this is a nice effect where the previous and next appear on the side of the page and expand when hovered over…

Is there anything in the interim I can do to make this sort of effect (doesn’t have to have the animation if that’s difficult)

R

How do I remove the word say: from the published comments please?

Also trying to target the words ‘Share your thoughts’ on the comments.php page, basically just need to add a new class to it to increase the size of the font, but not sure where to add it.

And lastly I want to change the submit button to be text and not a button how do I do that please?

Cheers Rich

1. Looks like you removed it already but the class to target it .says to set to display: none

2. The class to target it .commentsentries

3.

 #commentform input[type="submit"] {
  background-color: none!important;
  font-size: 16px!important;
  color: #000!iMPORTANT;
}

I am happy with your theme. Thank you. Is there a way to make images with different sizes look good in isotope -> showing all the same height and chopping the rest of the image? My images have all different heights, widths are all the same. can I try something like fixed isotope-item-height or overflow:hidden?

Hey royaltask! That’s the normal functionality as long as you’re using the featured image (not the custom thumbnail) and are meeting the minimum width/height requirement. For a non masonry portfolio that’s 600×400.

If you think you are doing that please allow me to see your URL so I can check out what’s up.

Cheers :)

Hi,

There appears to be a limit of 10 addresses for the contact page map. Is there anyway I can add more than 10?

Cheers,

Henry.

Hey Henry!

That’s only true when you’re using the contact page template – unassign that and use the Visual Composer map element to have an unrestricted amount of locations :)

Thanks, problem with the visual composer is the lack of custom styling. I went down this route originally but Theme support suggested using the theme contact feature which allowed custom styling for the addresses. Is there a way to combine custom styling and more than 10 addresses?

Hey – I’m not sure why you were told that the map element doesn’t support custom styling – it offers the same coloring options & custom marker image option as the contact page template. Can you let me know what styling you feel is missing between the VC element and the template?

How do i make the comments section background colour go full width please?

Eg scroll to bottom of this page: http://www.webteam.cornwall.nhs.uk/auctor-consectetur-ligula/ you will see I have added a temp background colour on

div.comments-section {
  padding-left: 190px!important;
  padding-right: 190px!important;
  padding-bottom: 20px !important;
  background-color:#C28F90!important;
}

I assuming I need to add class in single.php to wrap around:

<div class="comments-section">
                      <?php comments_template(); ?>
                 </div>   

            <!--/span_9-->

But what should I add please?

R

Try this:

 .container .comment-list li.comment > div {
  padding-right: 0!important;
}

Sorry I meant it’s the left margin in responsive mode, there is a large left hand gap – sorry for confusion

 @media only screen and (max-width: 690px)
   .container .comment-list li.comment > div {
      padding: 25px 25px 0px 25px!important;
   }
}

On my homepage at the very bottom where I display 3 cols of latest blog entries how do I do the following please:

1) Hide the meta information under the title (or move it see point 3) 2) Make the 3 columns be responsive in mobile mode, currently they don’t flow under one another and they just crush up 3) How easy and where would I go to potentially add in the meta info at the bottom of the snippet text and also make it much much smaller and white.

R

1.

 .blog-recent .meta-author, .blog-recent .meta-category, .blog-recent .meta-comment-count {
  display: none!important;
} 

2.

 @media only screen and (max-width: 1000px)  { 
   body .blog-recent .col {
     width: 100%!important;
    }
}

3. The mod would take place in the shortcode-processing.php file located in the nectar/tinymce directory

Brill thanks, and the width is still a little under on the right margin here though – any reason?

Change it to:

@media only screen and (max-width: 1000px)  { 
   body .blog-recent .col {
     width: 100%!important;
     padding-right: 0!important;
     margin-right: 0!important;
    }
}

Hey! No matter how hard I try I cannot seem to get the zoom on hover effect to work on portfolio items?

I’ve selected the zoom on hover effect in the portfolio panel – is there a specific image size I should be using to get it to work?

Scratch that – is there some custom css you could assist with that would make the Navigation Menu start under the first content section. And then stick to the top of the page once you scroll past it?

Thanks!

Hey Joe!

Unfortunately that’s not possible with css alone as an effect like that would require some custom javascript.

I have managed to sort out the title now on: http://www.webteam.cornwall.nhs.uk/auctor-consectetur-ligula/

And sort of centred the love/social using a new class with ;

#socialr-meta {
    padding-left: 38%!important;
    padding-right: 38%!important;
 }

However I know this isn’t the correct way of centring this div, also the meta info below seems to be part of the entry.php and included in the single.php which is fine but I have no idea how i should centre this neither do I know how to add some padding underneath it so it only affects this page?

Nearly there though :-)

1. To center that div correctly change your snippet to (with no padding):

#socialr-meta {
    text-align: center;
}

2.

.meta-container {
    margin-bottom: 40px !important;
    text-align: center!important;
}
Re point 2 I added this css in the end:
 
.meta-container {
    margin-bottom: 40px !important;
    text-align: center!important;
    padding-top: 40px!important; 
    line-height: 2!important;
}

However it’s a bit strange as it’s not quite centred correctly, seems to be arranged slightly right ?? see here: http://www.webteam.cornwall.nhs.uk/auctor-consectetur-ligula/

When you compare it to the previous entry page where it is centered, bit strange?

R

I want to make the typo same as the “Modern Creative Demo”. Where should i change? Thanks

Hey anqi89,

you can control your fonts in the typography options tab – the main font used in that demo is called “lovelo”.

Cheers :)

done already. thx a lot.

You’re welcome :)

Just wanted to ask if your template is compatible with an SSL certificate? My old template was not as most of the internal links for the JS and CSS documents were not loaded over “HTTPS” and so the entire website was a mess when loaded over SSL.

Please let me know if Salient is loaded using HTTPS and thus compatible with SSL.

Thanks again!

Hey cantedpictures!

Yes, all of the assets will load fine over https – you’ll just have to use this https://wordpress.org/plugins/ssl-insecure-content-fixer/ to make the logo/favicon https as well if you don’t want the insecure warning.

Cheers :)

Another query also…

I notice with the masonry full width portfolio that the Spacebound post covers two smaller posts (wider), then you have all the smaller ones. The Mobile Weather App post covers an area that four smaller ones would take up and so fourth.

I see in the settings for each portfolio item you can change the display from Regular, Wide, Tall, Wide & Tall. I gather that the Spacebound post is wide (=2) and the Mobile Weather App is Wide & Tall?

My question is really, what sizes should the portfolio post featured images be to allow this to happen and how is this controlled?

I believe I tried to do something similar but struggled with it somewhat!! :)

Thanks again Dan

Hey Dan!

All the minimum dimensions are listed for the masonry portfolio in the user guide at the “Masonry Sizing” section :)

Hello again :)

Hopefully you can help me, I’ve removed the ‘view larger’ using custom css but I want to change the ‘Read more’ to something else but I don’t want to do it by editing theme files that will be overwritten when an update is installed. Any ideas how I may be able to do this?

Thanks in advance

Cheers Dan

Hey Dan! You can use the .po to alter the text then – use this plugin to edit it inside of wp-admin http://wordpress.org/plugins/codestyling-localization/ just remember to rename the .po/.mo inside of salient/lang from “default” to your current language defined in wp-config.php.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey