Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,191 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38438 comments found.

Hi,

2 questions:

- I use Revolution Slider, but the burger color is stuck in black color. What should I do to change that ?

- How can I force the burger color to white ?

Thanks !

It goes black each time there is a revolution slider, even if I set the Header Starting Text Color in red !

I set the header in transparency.

I just found that it is just something with the opacity and the background-color for each line.

Hey,

Add this into the custom css box in the Salient options panel:

body #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, body #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines, body #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:before, body #header-outer.transparent .midnightHeader.dark header#top nav ul .slide-out-widget-area-toggle a i.lines:after {
  background-color: #777!important;
}

Cheers

I bought salient using the account brothman01 but I cannot login.

Anyway, the problem: I added a ‘Text Block’ with the Visual Composer and then split it into three sections. In each section I have an icon followed by some text. How do I center the icons?

The page I am editing is: http://new.benrothman.org/

ok, I asked like the stupidest question ever so disregard that.

Hey, glad you figured it out :)

Hello,

if i set the header option to permanent transparent with inherit function everything works well on normal screen. But on mobile it breaks (no off canvas menu and logo is doubled). Is there a posibility that on mobile the normal header will be there? If i deactivated the permanent function it works well, but i need the function. Thanks for your help. :)

Hey, could you kindly share your URL in regards so I can see this behavior?

Hey,

I can currently see your menu displaying, are you noticing this on all browsers? Add this into the custom css box to help the logo though:

@media only screen and (max-width: 1000px) {
html body #header-outer[data-transparent-header="true"].transparent .midnightHeader.default #logo img.dark-version {
  opacity: 0!important;
}
}

Cheers

Hi ThemeNectar!

I’m wrapping up the website and have a few final details that I can’t quite work out…

(1) Blog page: I have attempted to remove “Leave a reply” by going to Settings > Discussion > unchecking “Allow people to post comments on new articles”. For some reason, it still appears. I checked to see if there was a setting on the individual blog posts, but don’t see anything. How do I remove this?

(2) Portfolio page: It’s important that the names of the portfolio items appear permanently, and not just as someone rolls over. Because of this, I chose the “Title overlaid w/ zoom effect on hover”. Unfortunately, the default is for the title to appear in the center. Is it possible to have the titles in the bottom left corner (with a bit of padding) instead of in the center?

(3) I have a multilingual site (using WPML). When on a portfolio item’s page in the secondary language (French), the 4 squares in header link back to the main portfolio page, but in English. The EN side works ok, because the EN URL is in my settings (Salient > Portfolio > Main Portfolio Page URL). But the FR is linking to the EN. Is there a way to get the FR to link to the FR main portfolio page?

(4) I have successfully translated all the pages/posts, but do you know anything about how to translate words that are more integrated into the theme? For example, “sort talent”, “all”, the date on the blog, “by -”, “no comments” on blog, etc.? I need to translate these words on the French side.

Thanks for your help!

Hey!

Try this:

body .portfolio-items .work-item.style-3 .vert-center {
    top: auto!important;
    left: 15px!important;
    transform: none!important;
    -webkit-transform: none!important;
    bottom: 15px!important;
    position: absolute;
} 

Cheers

Beautiful—it worked! Thank you so much!

You’re welcome :)

What fonts are used on this page demo here? Thank you http://themenectar.com/demo/salient-one-page/#about

Mark

Hey!

Raleway, Lovelo and Libre Baskerville

Cheers

Thanks!

You’re welcome :)

Hi,

I need my website to be readable even if javascript is disabled. As of now, everything loads as it should, except for the content wrapper backgrounds, making it hard to read the text against the background color.

How could I modify that property so the background doesn’t load only using javascript?

Thank you. Kevin.

Hey – one quick technique you could use all with css would be to target the columns/row based on the color you have set like so:

.wpb_column[data-bg-color="#3a6ee8"] { background-color: #3a6ee8; }

That solved it!

Thank you very much.

You’re welcome :)

Hello, i also want to know how to resize the search & the menu bar icon in the header?

Thank you guys.

Hey,

add this into the custom css box located in your Salient Options panel:

header#top nav ul #search-btn a span {
  font-size: 22px!important;
}
.lines {
    transform: scale(1.2);
}

Cheers

Hi Nectar, I want to add a little bit of Jquery to a child theme. Can you tell me what to include in the functions.php of the child theme to load it correctly? Thanks!

Hey,

add this into the child theme functions.php :)

function load_my_scripts() {
        wp_register_script('your_script_name', get_stylesheet_directory_uri().'/js/your_script_name.js', array('jquery') );
        wp_enqueue_script('your_script_name');

 }  

add_action('wp_enqueue_scripts', 'load_my_scripts');

Cheers

Thanks! Additional rookie question; must i include .js on ‘your_script_name’ the .js extension at wp_register_script and wp_enqueue_script?

Hey – nope, only in this line:

get_stylesheet_directory_uri().’/js/your_script_name.js :)

Hello, i want to delete the date php function in the one column blog page layout and insert it instead of the comment php function on the blog detail page. Which php snippet is for the date?

Thanks for your help :)

Hey,

You’ll need to the edit the files located in the includes/post-templates directory – are you referring to this blog style? http://themenectar.com/demo/salient-ascend/blog-standard/ If so it’s this section:

<span class="month"><?php the_time('M'); ?></span>
<span class="day"><?php the_time('d'); ?></span>
<?php $options = get_option('salient'); 
                            if(!empty($options['display_full_date']) && $options['display_full_date'] == 1) {
    echo '<span class="year">'. get_the_time('Y') .'</span>';
}
Cheers

Hey

I have an issue in regards to my page – front page which is shaking on firefox. could you kindly have a look www.a.antalfranchising.com and why is the mobile version not responsive?

Thanks

Sam

Hey,

1. Disable the styled scrollbar option to sort this

2. Update to the current version of the theme & child theme to fix this as well :)

Great Theme. Question, why do all the icons on this page light up at the same time instead of separately? http://723.a1b.myftpupload.com/transport/

Hey,

You seem to have a nested row setup causing the issue – have you tried to place the 1/3 columns directly in a parent row?

Cheers

Hello. I am building another site with Salient and will be purchasing another license. I am having some difficulty with the header on mobile though. The logo is far too big and is not resizing as it has for other sites. Also, I tried to use the same code to move the hamburger menu on mobile to the center but it did not work. Any help would be much appreciated. The site is www.bonbonbreakmedia.com Thanks!

Hey,

add this into the custom css box located in your Salient Options panel:

@media only screen and (max-width: 1000px) and (min-width: 1px) {
html body header#top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 20px!important;
    margin-top: 10px!important;
}
header#top .span_9 > .slide-out-widget-area-toggle {
    width:100%!important;
}

Cheers

Hello,

With a Visual Composer row that has a static image background, how would you go about disabling the specific background image on mobile and having a solid colour take its place?

Thanks,

Hey,

In VC there’s an option to “Hide Background Image on Mobile Views” directly under the image upload field on all rows

Cheers

We are using FormCraft for our forms and it seems like Salient adds its own styling which messes with FormCraft’s own styling. Is it possible to remove your form styling completely?

Hey, you can find the form styling in the 11th section of the style.css file :)

Surprised that the Recent Projects carousel doesn’t have autorotate option when standalone carousel does. What is the best way to autorotate Recent Projects Carousel and any plans to add this to a future update? Thanks!

Hey, you’d need to modify the shortcode-processing.php file for this as of now but i’ve noted the request :)

Hello,

I have started to add menu item to my main menu i have 90 items but when I try to add more and save I dont see them, it stops at 90. Is there a limit to the number of items in the menu ? How can i fix that ?

Thanks in advance !

Hey, have you verified this is something that only occurs for you when you have Salient active as your theme?

Hi buddy! My site (www.seasonalmaine.com) is now live and I’m just wondering if you have any tips to speed up the loading/improve overall experience of the multi-layer parallax graphic at the top of my home page. It looks great, but sometimes it takes a little bit of time to load. Thanks so much, Luke

Hey,

That section simply waits to show until all images in the multi layer parallax are loaded in so the only way to speed it up would be to compress the images further or use less layers – it would also be possible to remove the loading overlay but then it might not look as good while loading

.nectar-slider-loading, .ns-loading-cover {
 display: none!important;
}

Cheers

First I apologize for English.

Second enjoyed the theme and let my congratulations to the team.

I really need help. :cry:

1) I’m not good with programming and want to change the animated icons of the site for the icons I choose, how do it? It is to send me a step by step? Or even you teach recording a video? I think it will help a lot of people just like me.

* Please consider this request, I live in Brazil paid dearly for the theme for the dollar here costs 4 times more because the country is in crisis and being corrupt, yet was fair and bought the issue with you. *

I hope to receive generous support. :grin:

Hey, you would need to add an svg icon into the css/fonts/svg folder and then add it into the shortcode list for linea in the nectar/tinymce/tinymce-class.php in the linea values array at line 540

Cheers

I am very happy for the answer, but failed.

When I use the Illustrator icon does not appear when using Inkscape icon appears but does not get animate

What can this be? See the attachment.

https://drive.google.com/file/d/0B0JxCSH1brNRdGlrdXJKOE9Sb28/view?usp=sharing

I’ve searched this discussion and tried a bunch of various methods, but I can’t seem to get this to work:

http://beta.river-design.com/

scroll all the way to the bottom. I have 3 columns with icons and text. For some reason the columns cut off the text. I’ve tried including all the text in one text box, adding the text in multiple boxes with separator elements… but it always cuts off the text. any ideas?

OK, I finally figured out how to fix it. I had to added a much thicker line divider at the end of the column content (100px) to fake-force the column to be tall enough. Still confused as to why it’s necessary; shouldn’t the text box expand the column div height?

Hey,

Try removing that and adding this into the custom css box located in your Salient Options panel:

.home .main-content .svg-icon-holder {
  height: 200px;
} 

Cheers

Hi, is there a way to generate image with animated title on mouse over that link to any page without generate a portfolio and to make them look like this? http://awesomescreenshot.com/00b5g1us7e

thank you

Mark

Hey, you could also use the image gallery element available inside of VC with the portfolio style

thanks!

You’re welcome :)

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