Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,209 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38438 comments found.

Hi !

I have a slight problem with the portfolio. I would like it to display 960×4 elements. Meaning a masonry Full width 1920px

2×2 style layout.

It works great on 1600px resolution monitor but on 1920px monitor it creates a hollow space on the right side, and it seems like 1600px is maximum. :(

Sorry! Just forgot one line to make it work in webkit (chrome/safari) browsers :)

Best support ever! :)

Thanks a lot :)

Hi ThemeNectar,

Is it possible to have 5 columns of text? I did a custom layout of 1/5 + 1/5 + 1/5 + 1/5 + 1/5 and the text boxes would settle on top of each other instead of side by side.

Hey again,

Unfortunately there’s no default option for 1/5 columns because Salient is built on a 12 column grid system. Making 1/5 sizing would require custom css

When hovering with the mouse over the images in the portfolio-fullwidth-masonry I see the portfolio item title and a date. How can I remove the date?

Hey stev1972,

Head to the portfolio options tab in your Salient options panel and turn off the option for “Display Dates on Projects” :)

Cheers

Must have missed that option. Thanks for this excellent theme!

No worries & you’re welcome :)

Is the integration with Buddypress available yet?

Thanks

Hey ivanguinea, not yet unfortunately

Any ideas when this will be?

No concrete ETA because some other items with higher demand are a head of it in the to-do list.

On Safari for iPad my nectar slider arrows appear as a “face icon” and an rectangle. Is something broken?

Hey mcurrierth, I would need to see your URL to check on this for you :)

Hi there!

One last question! When I share my website’s URL on Facebook, the thumbnail is showing Salient’s “Add Element” menu and the text is this: “Loaded with exclusive and beautiful features, Salient allows you to build a website that will have your visitors drooling from the moment they enter.”... Why is it picking up content from the theme, and not the home page of my website? I see that you’ve mentioned using an Open Graph plugin – so, I installed it but didn’t see any difference. Any recommendations on how to fix this?

Thanks!

I’ve “debugged” my site via Facebook Developers Tool and it looks like it fixed the description, but unfortunately the nectar thumbnail is still popping up. I have an open graph warning saying this:

“Provided og:image could not be downloaded or is not big enough. Please use an image that’s at least 200×200px and is accessible from Facebook. Image ‘http://themenectar.com/demo/salient/wp-content/uploads/2014/01/page-builder.png' will be used instead.”

Which image is Facebook trying to grab for the thumbnail? Is it trying to grab the nectar slider image? Is there somewhere in the page/nectar slider/etc. options where I’ve missed uploading a feature image for Facebook to recognize?

Almost there! Thanks again for your all your help on this — I really appreciate it.

Me again! I dug a bit deeper and figured out the problem. I had to set a feature image on my home page. Rookie mistake! Thanks again — the support has been beyond expectation. There’s really no comparison when it comes to Salient vs. other themes. I’m looking forward to launching my site later today! All the best, ThemeNectar! :)

Thanks so much StudioChalk & good luck with the launch! :)

Cheers

Hey ThemeNectar!

I was wondering if there’s any way to have the greyscale google map be greyscale? When choosing the “Greyscale colour” option in the Salient options panel, it seems like you can’t bypass adding colour to it. I tried choosing a grey in the “Map Extra Colour”, but it doesn’t recognize it. Is there any way I can make the map greyscale?

Thanks for your help!

Hey StudioChalk!

The Greyscale option still leaves the water blue but everything else should be black/white – if you wanna change that open the map.js file located in the js folder and change this:

 
featureType: "water",
elementType: "geometry",
stylers: [{
    color: "#b9e7f4" 
}]

to use a different color such as ”#e4e4e4”

Cheers

BTW I like the new feature to add a different logo when the page scrolls but I’m hoping you could tell me how to also change the background color? bamboohr.com is a perfect example where both the logo and the background color change from light to dark.

Hey greatnorwegian,

If you can share your URL I’d be be glad to assist with the css :)

Cheers

Hi ThemeNectar,

Is there anyway I could have a portfolio thumbnail take me to a sub page? See screenshot here for details… http://i.imgur.com/SJXw4Ao.jpg

thank you!

Hey again!

Yes, there’s an input called “External project link” available in the project configuration box in every project which you can use to have the project lead to anywhere you need :)

Cheers

Hello, great theme !

I need help with 3 things…

1. Home slider, the image is not going all the way to the right border. How do I fix it ? (http://cbcconstructionny.com)

2. Portfolio, how do I display the filter on top, above image ? Also when I click on the image, I want to open the image it self, not a new page. ( http://cbcconstructionny.com/projects/ ) I want to be like this page ( http://themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview/4363266)

Thank you !

Figured number 2 ! Just need help with 1 !!!

Thanks RavaPhoto!

Add this into the Custom CSS box located in your Salient Options panel:

body #boxed #featured {
    width: 100% !important;
}

Is there a way I can edit this to use my own “custom image” icon but have the color background effect/animation?

[icon size=”large” image=”icon-tablet” color=”Extra-Color-1”]

Thanks!

Hey mcurrierth!

You can’t swap an image in for the large icon styles – currently you can only use images instead of icons when using the text with icon element, but that’s still the regular style instead of large or large alt. I’ve noted this for the wishlist though :)

Cheers

If I want to change the fonts site wide do I simply have to add the font-family declaration to every single bit of custom css?

    font-family: "freight-text-pro",'Helvetica Neue', Helvetica, Arial, sans-serif!important;

It’s just that some areas are using Futura PT others freight-text-pro and others are using the salient default of lovely?

Sorry for all the questions tonight, awesome awesome support and you are an absolute star with all this :-) gonna write you a massive testimonial very soon

Rich

Actually just tried it, and it has strange results, looks good, although all the custom icons seem to disappear when doing it

To get those back add this in as well:

body [class^="icon-"], body [class*=" icon-"] {
    font-family: FontAwesome!important;
}

body [class*=" linecon-icon-"], body [class^=linecon-icon-] {
   font-family: linecons!important;
}

body [class*=" steadysets-icon-"], body [class^="steadysets-icon-"] {
    font-family: steadysets!important;
}

thats working once, except now the search icon has turned in to a square lol (reverted back for now)

Is there a way to add a circle that overlays the google map please?

Eg like http://www.webteam.cornwall.nhs.uk/services/ scroll to the bottom of the page to see a background image with circle on it…

Cheers Rich

Hey,

if you can’t get away with using the map icon image for that it will require some custom css to absolutely position your circle element ontop of the map (assuming you can place your circle above it in the same row)

Cheers :)

I have added a free plugin called wolf dribble to this page: http://www.webteam.cornwall.nhs.uk/work/ (scroll to the bottom) totally appreciate that this is not part of standard support but just wondering from the css below if you can easily tell me why the pink rollover doesn’t sit flush with the background image, there is a slight left and top border.

#wolf-dribbble {
    zoom: 1;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#wolf-dribbble:before, #wolf-dribbble:after{
    content: ""; display: table; 
}

#wolf-dribbble:after{
    clear:both;
}

.wolf-dribbble-item-container {
    width:33.3%;  
    height:auto;  
    float:left; 
    margin:0;
    padding:0!important;
    position: relative;
    margin-bottom: 1.5em;
}

.wolf-dribbble-item-container .wolf-dribbble-item {
    width: 96%;
    height: 96%;
    padding: 0%;
    margin: 0;
    background: transparent;
    position: relative;
    overflow: hidden;

}

.wolf-dribbble-item-container .wolf-dribbble-item img{
    width:99%; 
    margin: 1%;
    height:auto; 
    padding:0!important; 
    display:block;
    position: relative;
}

.wolf-dribbble-item-container .wolf-dribbble-item .wolf-dribbble-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      background:#F46899 url('../img/dribbble.png') 50% 50% no-repeat;
      -webkit-background-size: 48px 48px;
           -o-background-size: 48px 48px;
              background-size: 48px 48px;
      z-index: 2;
}

.wolf-dribbble-item-container .wolf-dribbble-item:hover .wolf-dribbble-overlay{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
      opacity: 0.85;
}

@media screen and (max-width: 1140px) {
    .wolf-dribbble-item-container {width:25%;}
}

@media screen and (max-width: 800px) {
    .wolf-dribbble-item-container {width:33.33%;}

    .wolf-dribbble-item-container .wolf-dribbble-item .wolf-dribbble-overlay{
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          opacity: 0!important;
    }
}

@media screen and (max-width: 600px) {
    .wolf-dribbble-item-container {width:50%;}
}

@media screen and (max-width: 400px) {
    .wolf-dribbble-item-container {width:100%;}
    .wolf-dribbble-item-container .wolf-dribbble-item img {width:100%;}
}

Hey :)

Add this into your Custom CSS box located in your Salient Options panel:

 .wolf-dribbble-item-container .wolf-dribbble-item img {
    margin: 0!important;
    width: 100%!important;
}

Awesome, wow your good :-)

On my header menu where I added the white underline per menu item: see: http://www.webteam.cornwall.nhs.uk (or any page) when you rollover the menu items the main line jumps slightly can this be fixed at all please?

Hey – add this into the Custom CSS box located in your Salient Options panel:

header#top nav > ul > li > a {
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}

Perfect thanks

You’re welcome :)

Using the short code divider within a text block is it possible to colour the divider line and is it also possible to give it a thickness please?

I wrote this but the colour part didn’t work:

[divider line_type="Small Line" color"red" custom_height="50"]

Hey Rich,

This would require css:

.divider-small-border {
    border-bottom: 3px solid #FF0000!important;
}

Cheers :)

Brill ta

Hi there. I keep getting an error when I try and upload the background video… Warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 998 is not allowed to access /tmp owned by uid 0 in /var/www/kommunekommunikation.dk/public_html/wp-includes/ID3/getid3.php on line 31 484

FYI – I was reffered to this bug-fix from my provider. Nothing to do with your template, but you may be running into same prob yourself, so thought you would like to know…

https://core.trac.wordpress.org/ticket/26265

(got the problem solved using above code)

Thanks for mentioning! :)

Hello, I’m trying to add a Nectar Shortcode to one of my pages but I’m not sure how to do it. I’m trying to add it from inside a text block, but after i select the shortcode i want (for instance, Icon), select all its attributes and press “add shortcode”, nothing happens. The shortcode isn’t added. Could you help me with this? I’m using Chrome and my Salient Version is the 4.0.1 Thanks

Hey estebanpeiro!

Can you kindly open a ticket in regards http://themenectar.ticksy.com/ so I can check out your setup and test this?

Cheers :)

Hi Nectar,

I might oversee something or it’s just not possible. My homepage the menu colours are good i have dark nectar slider so with the white letters you can see it. but on another page i have a lot of white in the background as a picture, now the only way to see the menu is when you scroll the page. Is there a option to get different colours for the menu fonts. even better if you could choose the colurs per page. I like to keep the transparant header.

http://www.energyhealingcuracao.com/ http://www.energyhealingcuracao.com/spiritueel-therapeutische-massage/

Hope you have a solution, Thanks, Thomas

Thanks that did it, wonderfull support.

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