Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,791 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38296 comments found.

Hi Guy’s,

I have changed the width of the pie chart line here: http://www.petcheckers.co.uk/dogs-die-in-hot-cars/

How to I change with width of the value line? I can’t see it in the CSS.

Thanks

Hey 0754ben84,

1.

body .vc_pie_chart .vc_pie_chart_value {
    font-size: 32px!important;
}

2.

html body .vc_pie_chart .vc_pie_chart_value {
    color: blue!important;
}
body .vc_pie_chart_back {
  opacity: 0.6!important;
}

Cheers

Hi,

This worked

body .vc_pie_chart_back { opacity: 0.6!important; }

But this only changed the colour of the text inside the circles

body .vc_pie_chart_back { opacity: 0.6!important; }

I want to change the colour of the actual mark on the circle – and the width.

Can you help?

Thanks

Hey,

There’s a color attribute field when editing the pie chart element that will control the color of the element. It allows for a choice between your defined colors in the theme options panel > accent colors section, changing it beyond that would custom development to the visual composer scripts

Cheers

There are some errors since last update: Uncaught ReferenceError: header Resize Off Extra is not defined

Fixed it. Disable Header Resize On Scroll and page header is back!

Hey, 7.5.02 also fixed it :)

Cheers

How can we create such page navigation and look?

http://themenectar.com/demo/salient-app/

Hey, the full page options are located at the bottom of every edit page screen and the demos are available to import in Salient 7.5+ – also I’m in the process of making a video tutorial

Cheers

Hi,

Is your theme now compatible with Ultimate VC Addons?

Hey dessibob, the theme is up to date with the VC version so the only thing that could conflict are theme styles with similar elements already offered in Salient

Cheers

Hi Nectar,

with the new update I have some trouble with my custon css (you gave me a few months ago). We wanted to have a search button icon instead of hamburger menu for the slide-out-widget-area, because we are using an extended search plugin for real estate specific search. The code is:

.slide-out-widget-area-toggle i.lines-button.x2:before { 
    font-family: 'icomoon'!important; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    content: "\e002"; 
    color: #f6653c !important; 
    font-size: 20px 
} 

.slide-out-widget-area-toggle i.lines-button.x2 i.lines { 
    display: none !important; 
} 

Now the search-icon is still there but a few px down (I’ve figured the code out to solve it) AND now a simple white line appears over the search-icon. Looks … . What to do? It’s very urgent, because it looks awful. But I can’t switch back to Version 7.0.9 because of VC error with YOAST SEO and User edits.

URL: http://www.bls-bayern.de/

PLEASE HELP … Thanks Markus

Fixed it!

Inserted additional code to Custom CSS:

body #header-outer .lines-button { top: 0px!important; } .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after { height: 0px; background-color: rgba(0,0,0,0.4); display: inline-block; width: 1.4rem; height: 0px; transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear; -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear; position: absolute; left: 0; top: 0px; content: "\e002"; transform: scale(1,1); -webkit-transform: scale(1,1); }

Should I expect any issues of that modifications?

Hey,

Your mod appears to be valid css – please let me know if you run into further issues :)

Cheers

Well, for Desktop the code is allright, but I have some issues on iPads. So I’d like to have the search-icon alos on iPad landscape orientation. So I tried the following code without success:

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle i.lines-button.x2:before { 
    font-family: 'icomoon'!important; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    content: "\e002"; 
    color: #f6653c !important; 
    font-size: 20px 
} 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle i.lines-button.x2:before { 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    content: '';  
    font-size: 20px 
} 
}

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle i.lines-button.x2 i.lines { 
    display: none !important; 
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle i.lines-button.x2 i.lines { 
    display: block !important; 
}
}

@media only screen and (min-device-width: 1024px) {
    body #header-outer .lines-button {
    top: 0px!important;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    body #header-outer .lines-button {
    top: 9px!important;
}
}

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
    height: 0px;
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    width: 1.4rem;
    height: 0px;
    transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    position: absolute;
    left: 0;
    top: 0px;
    content: "\e002";
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
    height: 2px;
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    width: 1.4rem;
    height: 2px;
    transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    position: absolute;
    left: 0;
    top: 0px;
    content: '';
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
}

But I have issues to get the search-icon instead of hamburger icon on iPad (landscape) for slide-out-widget. The breakpoint should be there so that iPad portrait orientation and phones will leave by default with 2 hamburger icons (left & right). You can try yourself. Can you give me an advice?

Cheers Markus

Hello !

I would like to add a few words (like a title) before and after the social-media icons in the single product page of my WooCommerce website (in the short description section). I guess it deals with a php file but I’m not an expert in php.

Please can you help me ?

Thanks a lot !

Hey lteboul,

See the functions.php file at the review_quickview function :)

Cheers

Is the latest update compatible with the WP version 4.5.3? Because us I updated the salient theme. I cannot open the Salient Settings, It gives me an “ERROR 503 Service Unavailable”

Hey rubenhansen123,

Yes – it’s been tested with the current WP version, have you reached out to your hosting company in regards to see if they can shed light on the issue?

Cheers

Hi, I’m having a slight problem with the theme. If you view my site: http://teamhiploch.com/ , you’ll see that there is a gap between the content and the copyright footer.

i’ve double checked my row and column settings to make sure that there is no extra padding. The gap is consistent on all pages and I’d like for the page content/background to extend all the way to the footer.

Do you see a solution?

Thanks in advance!

Hey cwayneboss!

it’s caused by using a third party plugin that adds markup into the main content area after the rows. However If you update to the new version of Salient (7.5+) this should be sorted :)

Cheers

Hi there guys,

Since updating Salient my Contact Form 7 is not working. It will allow me to fill out the feilds but says there an issue when I try to send. My URL is www.yourdecalshop.co.nz/customdesign cheers

Hey yourdecalshop,

There’s currently no known issue with Salient and CF7 – have you checked with your hosting company/verified the form attributes to ensure everything’s correct?

Cheers

LOVE the new update! Great work as usual.

However, I was having an issue with video backgrounds on the new full screen rows. Are they not compatible?

What browser are you having issues with? They appear to be playing normally on Chrome/Firefox on my end

Cheers

FF (current version). No idea why it is bugging out for me. Hmmm…

If you could open a ticket in regards i’d be glad to take a further look for you :) https://themenectar.ticksy.com

Hi Support,

Is there a way to remove the name and number from the categories? http://imgur.com/a/TGoLc

Perfect! Thank you.

Is there a way to make it so it doesn’t remove the names from the actual products themselves? http://www.solistone.com/product-category/mosaic/glass/

Hey, unfortunately this would require custom development rather than css alone since a filter would be needed

HI TN,

Is there a way when clicking one of the portfolio items to not show the featured image in the portfolio detail page. I want to add all images my self.

Hope to hear from you soon. Thanks on beforehand.

Cheers, Marc

Hey Marc,

There’s an option for “Hide Featured Image/Video on Single Project Page?” on every project edit page :)

Cheers

Hello, i´ve got the woocommerce plugin added to my footer. when i hover on “view cart” or “checkout” i cant see the text because it transitions to the same color as the background of the button (#21cdec) i tried to overwrite it (#footer-outer a:hover{color:#fff !important;} but it doesnt seem to overwrite it, because there is another css command in (index):100 which i dont know how to change. excuse me for my bad english but its getting late.

*ive managed to fix some of them

*ive managed to fix some of them

Hey again,

thanks for the screenshots – i’ve noted to sort them :)

Cheers

Hello, After updating to 7.5.01 I was frustrated to find that all of the image on each of my page layouts were not functioning properly. After calming myself down and fiddling with the edit page options, the solution came in the way of turning off the Parallax Header on each page. I’m not sure why this occurred as I miss my Parallax header functionality on each page. Please advise what steps I can use to properly fix this issue throughout my entire site. Thank you.

Hey marcusthevisual,

This is an issue only when using “header resize on scroll” with a non transparent header and the parallax page header – if you temp change any of those the page will function normally for the time being, however the update to fix it (7.5.02) will be out shortly :)

Cheers

Hi, I have updated WP manually to version 4.5.3, Salient theme to version 7.5.01, VC to version 4.12. Everything works fine except the Child theme. It doesn’t load any custom styles, even though it did work before the update.

I am using the new Child theme from the latest update, but still no luck. I have tried everything, I must be missing something here.

It is properly activated in the Theme’s panel.

This is the code in the Child theme css file:

/* Theme Name: Salient Child Theme Theme URI: http: //mysite.com/ Description: This is a custom child theme for Salient Author: My Name Author URI: http: //mysite.com/ Template: salient Version: 0.1 */ //Custom styles...

I appreciate any help!

Hey Qualiaris,

The minor release which will fix this will be out shortly :)

Cheers

Just seen the new 7.5 demos… Damn! you have style dude. Articulate styling to say the least!

Thanks warmwhisky! Glad you guys are digging it – been working on it for a while :)

Cheers!

Updated the Theme and now I have the hamburger menu showing on my full width screen and not on my smaller screen. www.hannarubbercompany.com

Hey,

Are you using a child theme with a modded header.php file?

Cheers

I appreciate the response. I am and with the update I moved over the code I needed and that fixed the problem. Slowly but surely I will figure out how this all works with a child theme.

Thank you,

Glad to hear you’ve sorted it :)

I purchased the theme a couple of years ago and am still using it on my site. I was recently adding an image gallery and I noticed a strange quirk. When using the Image Grid Style with Meta on hover + entire thumb link, there is an empty tooltip box that appears when hovering over the image—it only appears if there is text entered in the Description field in the WP media library, but if that text is removed then you are unable to have a caption on the lightbox image. I wasn’t sure if this was something you were aware of.

Hey efitzpatrick,

Thanks for noting this – i’ve marked to investigate and sort it :)

Cheers

Hi ThemeNectar, After upgrade from 7.0.9 to 7.5 my logo is not showing in the mobile view. Please help! www.loureirojiujitsu.com

Hey, i’m currently seeing it appear – please let me know your device and if you’ve cleared the cache since updating

Cheers

The latest update broke my page at http://www.photo-werke.de what should I do?

I found the reason…update visual composer and everything works fine

Hey,

Glad to hear you’ve sorted it :)

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