Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,285 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38442 comments found.

I would like to change the spacing on top of and below the navigation. My site is: http://greencube.thedesignlab.co.za/

I used: #top nav > ul > li > a {padding-bottom: 15px!important; padding-top: 10px!important;} but this breaks the drop down navigation when you scroll down and then up. Could you please advise how to deal with this correctly without breaking the drop-down nav.

thanks

Hey,

Add this:

#header-outer[data-format="centered-menu-under-logo"] header#top nav > ul.sf-menu > li ul {
    top: 45px!important;
}

Cheers

Dear ThemeNectar,

Can I change the font for an entire website? I changed the font for the ‘body’ and left the rest at ‘Font Family’. But this only changes the copyright at the bottom of the page.

Cheers! Nick

Hey,

Is there any reason you didn’t want to see other elements in the typography options panel? By default that selection should also effect all standard text and paragraphs on the site – could you share your URL in regards?

Cheers

Hey ThemeNectar,

I’m not sure what you mean… I want ALL my text on the site to be the same font. Should that be possible with only changing the ‘Body’ in the Typography panel.

Thanks! Nick

The body font option will only effect the body and paragraph text just the same as if you wrote
body, body p {
  font-family: 'test';
}

There are other font weights and styles set by default to make the theme look okay if you don’t set your own..If you want to override everything without actually setting it, use this:

body, body * {
  font-family: 'your-family'!important;
}

Hey there. How do I remove the hamburger (three horizontal lines) navigation button from mobile and tablet views? I’ve created a single scrolling page so, therefore, that button is not necessary. Thanks!

Hey,

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

@media only screen and (max-width: 1000px) {
header#top #toggle-nav, header#top #mobile-cart-link, header#top .span_9 > .slide-out-widget-area-toggle {
  display: none!important;
}
}

Cheers

Hi there,

In mobile, my header is transparent in the homepage, but the logo shoes up twice when i scroll down the page.

http://bit.ly/1RdiKVL

Do you know why that happens on the phone but not in the browser?

Thanks!

Hey,

I’m currently seeing it start as white and switch to color on both desktop and mobile, have you already sorted this?

Cheers

I have changed the retina version of the logo to white in order for that to show properly. In all the sites I have built in the past this has never happened though.

If you check a blog post (click any post in the homepage) you will see the logo stays to the white version.

How can I get that to show the color version? Is there a way to force transparency for blog posts maybe?

Hey – you’d need to set a post header BG color or BG Image in order to have this work

Hi, one of my carousel controls has gone missing on mobile, any ideas? Also how can i remove the hover black box style on the carousel arrow?

http://756.b38.myftpupload.com/

thanks for your time,

Hey,

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

html .ascend .carousel-heading .container .carousel-next,
html .ascend .carousel-heading .container .carousel-prev {
    background-color: transparent!important;
}

Also, do you have custom css in your salient options panel modding the position of the arrows?

Cheers

Hi,

I’m trying to replicate how push & pull classes work in Bootstrap. In previous comments I see it being mentioned to use the Offset setting under Width & Responsiveness column settings. But either I do not understand how this works or I’m doing something wrong. I’m also unable to find anything in the documentation about using the Offset setting.

I have a row that has 1/2 + 1/2 columns. The left column is text, and the right column is an image. I would like to change this so at the mobile breakpoint these columns change places so the image comes first and the text comes after.

In bootstrap I’m able to “push” the left column to the right and “pull” the right column to the left at a breakpoint. How can I do this using the offset setting in Salient?

Hey – VC doesn’t offer a pull so that would need to be done with css, if you can share your page URL where you’re trying to accomplish this I could assist

Hi,

Awesome theme :)

When I switch between pages, for a few seconds you see all the dropdown menus open up, which doesn’t look so good. Any suggestions as to what I can do to prevent the dropdown menus from all expanding when waiting for a new page to load? I don’t want to use ajax page transitions though.

Thanks! Julianna

Nevermind, problem solved! It was being caused by a line in my custom css. If anyone else has this issue: for me it turned out that I’d added some padding to the .sub-menu class and it caused the issue with all the dropdowns expanding during page load. Removing that padding fixed it.

Hey – thanks for posting what the issue was :)

Cheers

Feature Request: I think I saw this mentioned by another user awhile back but also want to toss my hat into the ring for a Vertical Slider feature.

Something along the lines of this: http://pitch.select-themes.com/vertical-slider-home/ would be an amazing addition.

Adding on to that request: A Split Slider would also be super neat. Similar to http://pitch.select-themes.com/split-slider-home/

Hey, thanks for the requests :)

Hi there! How can I get a “see more” tab at the bottom of the page, so that when a user clicks on it, the rest of the page will show… and is it possible to do that more than once on a page?

Hey,

You can have that functionality on posts with the read more button, but adding this on a page to reveal more on the same page would only be possible with a toggle element as of now

Cheers

Hi, thanks for the reply! Is this something that you would be able to help me with?

Hey – I would recommend checking out Envato studio in regards :)

Any bug that prompted you to remove the mouse-based parallax header image from the home page of the ascend demo (two people at computer in separate layer)?

I’m trying to replicate that but having trouble getting the height to be the same height as my image (it’s defaulting to the height of the text copy).

Thanks, Luke

Hey – it was never the home page, it has always lived on the about here: http://themenectar.com/demo/salient-ascend/about/about-me-extended/

If you’re trying to replicate the image size make sure to set top/bottom padding on your row with percent values e.g. 25%

2. Add this into the custom css box in the Salient options panel:
body .toggle h3 {
    font-size: 20px!important;
}

Great, thank you buddy!

You’re welcome :)

Hi, could you please help me to close this ticket, thank you very much! https://themenectar.ticksy.com/ticket/556671

Hey – i’ll take another look shortly :)

Hi there, do you know how to style the border radius iof the mobile quanity “input.plus input.minus” woocommerce-buttons?
@media only screen and (max-width: 690px) {
    .ascend .cart .quantity input.plus, .ascend .cart .quantity input.minus {
        background-color: #F8F8F8;
        background-repeat: repeat-x;
        border: 1px solid #E1E1E1;
        border-radius:25px!important;
}
}

The border-radius tag didn’t work. :( I simply don’t want them to be round.

Thanks!

Hey thanks for getting back! Yes I am using the ascend skin. I will send you the login data to my website via PM, because it is not online yet. Thanks and I’m looking forward to hearing from you. :)

Hi there – update: I noticed that when you minimize your browser, everything looks normal. But please test it with your cell phone and you will notice the ugly looking input-buttons :( The class seems to be correct though, because I can change margins etc. – but unfortunately not the border, background color etc. :(

Do you have an update on this? I have sent you the login information to our site via PM. Thanks.

Hey ThemeNectar,

I tried to change the share icon color (header of single post + blog page next to feature img) when hover with this (as you said to someone else here, but it din’t work for me)

body .container-wrap .nectar-social .n-shortcode a:hover .icon-salient-heart, body .container-wrap .hovered .nectar-love i, body .container-wrap .loved .nectar-love i, body .container-wrap .nectar-love:hover i { color: #ff5c14!important; }

the hover color is still the accent color and I wish it was extra color-1 instead.

(I also wish that when the heart icone is clic, it’s stay extra color-1 as well)

URL: http://humanetik.ca/

Thanks for your help!

Hey, use this:

#page-header-bg #portfolio-nav a:hover i, #page-header-bg a.pinterest-share:hover i, #page-header-bg a.facebook-share:hover i, #page-header-bg a.linkedin-share:hover i, #page-header-bg .twitter-share:hover i, #page-header-bg .google-plus-share:hover i, .single #single-meta .nectar-love:hover i, .n-shortcode .nectar-love .icon-salient-heart {
  color: #ff5c14!important;
}

Perfect! Thank you :)

You’re welcome :)

is it possible to enable the Smooth Scrolling without the Styled Scrollbar ?

Even when you disable the styled scrollbar a different (higher performing) smooth scrolling scripting will activate for Chrome. You’ll just lose it on IE

and I can modify the height of onepage?

Hey – which elements do you need to modify?

Hey there, I wish to know

1) How add data and excerpt both for a post using “Full Width Portfolio Item Layout” in Portfolio view “meta below thumb”.

2) Since that I’m using “Full Width Portfolio Item Layout” if there’s a way to show data, category and attribute somewhere in the page better if called with shortcode?

Hey,

1. That would require some custom development to the nectar/tinymce/shortcode-processing.php file

2. Not as of now but it’s coming in the next update as it’s been requested a bunch

Cheers

Hey! I want the “Post Header Image” to fetch the same image as “Feature Image”. How do I do that? Do not want to go into the “Post Header Image” and add the image manually. I publish almost all posts via WordPress app for iOS.

And how can I do so that “Parallax Header”, “Background Overlay” and “Bottom Shadow” is pre-selected?

Thanks in advance!

Hey,

1. This wouldn’t be possible without a fair deal of custom development, have you checked out Envato studio in regards?

2. This would require modding to the nectar/meta/post-meta.php file

Cheers

Hi, I’m using the most updated salient theme at the moment, and I made my nectar slider in container for the desktop, but I was wondering how can I make it full width on the mobile?

I just want the nectar slider to be full width, not everything else.

I tried -

@media only screen and (max-width: 690px) { .container, div.slider-nav { max-width: 100%!important; } }

but this would just make everything full width.

Thank!

Hey,

as of now this would require some custom development unfortunately

Cheers

I’m unable to change the navigation font color through the Header settings. How do I fix this? Thanks!

Thanks for that :)

I have another problem. I have this code so I can make my home page background transparent to give way for a background image plugin:

.page-id-710 .container-wrap { background-color: transparent!important; }

But while it works on Chrome and Safari on PC, it doesn’t work on Safari for Mac. This is how it looks like: https://drive.google.com/file/d/0BzCA9qavAEcfdHdCMkYwT2lpV1E/view?usp=sharing

How do I fix this?

Thanks!

Also, any update on that bug that stops items near the header from being hovered/clicked? :)

It greatly affects the catalogue parts of the website I’m working on: www.carljancruz.com

Hey,

1. What version of Safari are you seeing this on? Currently it appears to be working on my end

2. The update which will sort it will be out within 1-2 weeks :)

Hi There, I have seen you do not have nested tabs or accordions yet. Put me down as a +1 for that feature. In the mean time, is there a work around for this. I have an online course that is in accordions, however, I want the listing or menu down the left hand side and as they click on the content it opens up on the right. Is there any work around for this right now. The plugins I use do not work with the visual composer?

Hey,

As of now this would require some custom development unfortunately but I have noted your +1 for the idea :)

Cheers

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