Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,238 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38440 comments found.

Hi there! Salient is very modern and beautiful theme. :)

But i need Arabic support. When you add this feature to theme?

thanks a lot

Thanks Sandraco, it’s a possibility that it will make it into the next release :)

Quick question: Where can I find and edit the code to make my contact page, sidebar links, and more button for the blog posts no-follow?

Hey ViktorZ1991,

the more button can be found in the includes/post-templates directory. I’m not sure what links you’re trying to target in your contact page, but to add no-follow onto sidebar links – it will take a plugin unless the links in your sidebar are in a text widget you can edit yourself freely.

Sorry i’m on a roll here enough questions to last a lifetime

Can a 3 column row be put in that has the latest blog items in it, eg 1 item in each column ??

R

Unfortunately is can’t be added to the child theme but if you really don’t want to touch the parent theme you technically could handle it all with css – styling the 4 columns to have a 3 column width and hiding the last column. Also you could style the text white with css too :)

ok thanks, gonna need some help on this please, any chance you could quickly give me some CSS for it please?

 
.blog-recent .col {
  width: 30%!important;
}
.blog-recent .col:nth-child(3) {
  margin-right: 0!important;
}
.blog-recent .col:last-child {
  display: none!important;
}
:)

Added line-height to slider H2 like so, but making no difference wherever I add it, is it being overridden somewhere please?

.swiper-slide .content h2 { font-size: 50px; text-transform:uppercase!important; letter-spacing: .1em!important; line-height: 30px!important; font-weight: 600!important;}

R

Hey again Rich,

try making the snippet more specific:

body .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 {
  line-height: 30px!important!important;
}

Perfect works a treat

Glad to hear!

Hi there – I upgraded to the latest version of Salient at www.georgedigweed.com – everything seems Ok apart from the positioning of the Nectar Slider on the home page.

It seems the top of the slide is hidden behind the header, which makes the site look a bit ugly. Can you have a look and advise if something can be changed to fix that.

Never mind – I fixed this by changing the height – works fine now

Glad to hear mattrutherford! :)

Cheers

Oops no I did have 1 more so sorry,

11) How can I add html or inline styles to the nectar slider title box please?

R

Hey again,

I’m a little confused as to what class you’re referring to that it has twice? You should be able to control the style as much as you need as long as you make the rules specific enough to overwrite the theme rules.

Cheers

Don’t worry tis is now sorted thanks :-)

You’re welcome :)

Hi, The theme works perfect for all browsers like chrome, firefox and opera. But for IE8, it simply crash the browser, when I test it on a 13 inch laptop, everything stay fine, however, when i test it on a 21 inch desktop, this happened. Even when I created a empty page with the menu and footer only, it still crashes the browser IE8. Then I test it by using IEtester, there is a error for superfish.js and error message is: unable to get property ‘left’ of undefined or null reference. So I am not sure it is because of the javascript or some other issues, help please, this website is supposed to be up tomorrow and work properly in IE8. Best Regards

Hey again,

The X-UA-Compatible snippet is just to force the IE browser to use the latest version which in the majority of cases would be higher than 8 – apparently the IE8 simulator when using an IE11 browser is not the same as the IE10 one since nothing odd happens in that. But since I don’t have IE10, I was going to rely on browserstack for the simulation but since that’s not showing the issue it’s hard to troubleshoot. Still looking into it.

Hi ThemeNectar,

Can I have you contact detail like email address or skype account. Cause I have already spent about 4 days to figure out the IE8 issue, and still crashing. It is quite difficult to contact you through this discussion forum, and the IE8 crash make lots of our customers unhappy, please help.

Best Regards Patrick

Hey Patrick, just waiting on you to add your credentials on the ticket you opened

Cheers

Hi, I would like to prevent the theme from getting custom fonts from Google like this : <link rel=’stylesheet’ id=’options_typography_Raleway-400-css’ href=’https://fonts.googleapis.com/css?family=Raleway:400' type=’text/css’ media=’all’ />

I added my fonts in style.css and copied the woff files, but I can’t find the code where the import lines are added. Can you help ?

Hey Didee_79,

The only way fonts are going to get loaded through Google like that is if you select them in the typography options panel – are you sure you don’t have them selected there?

Cheers

And lastly

10) Can the transparent header feature only be activated for the homepage only? On all other pages I would like it to be solid throughout

R

9) Is there a way to create a 2 column full with area but in the middle of the 2 columns have a thin vertical line that separates them please, it could be CSS or a image either would work

R

This could be accomplished by adding a class to one of the columns and setting a 1px border on the side. Using the column padding options as I mentioned in one of your previous questions would allow for ample space :)

8.) Is there an easy way to make a new button with CSS that is perfectly circular please?

R

Make sure you have the border-radius property set and also try setting a height on the button to bring it to the correct dimensions for a circle :)

where do I set the height in CSS or in the short code?

In the css :)

7) I would like to add a menu hover of an underline, so when you rollover any of the menu items there is a 3px line underneath but say 20px away from the word if that makes sense?

R

This will add the border:

header#top nav > ul > li > a:hover {
  border-bottom: 3px solid #fff!important;
}

but additional css would be needed to shrink the padding on the nav items and allow the border to move up – this would be easiest if the header resize on scroll effect were disabled.

6) Is there anyway the whole content area’s left and right margin can be increased slightly eg we have 174px left and right in space and I would like 234px left and right…

R

The content area will adjust based on what you set as the max width for the container div:

@media only screen and (min-width: 1300px) { 
   .container {
       max-width: 1100px!important;
   }
}

is the default

Brilliant works a treat – awesome

You’re welcome :)

5) Is it correct to write inline styles, such as this?

<p style="text-align: center; font-size: 70px; line-height: 90px;">“The website and tools you've given us are killing it in lead generation, and our AdWords click through and conversion rates are going great!” Ted Todd Insurance</p>

I can’t get it to behave very well this way, it also shows up in the visual composer as being huge, If it was a class would it be better or is the way I am doing it correct?

also line-height propert doesn’t seem to work on the final published page, it does however in the visual composer?

R

Hey,

I would always recommend using a class instead when practical which it is for this. You can also use the !important property when certain values aren’t taking/overwriting theme rules :)

Thanks matey

4) If I want a huge button over an image how would I do that? I added the following but the button is not big enough for my liking

[button color="extra-color-3" size="large" url="http://www.webteam.cornwall.nhs.uk" text="View Our Work" color_override=""]

Also how would I centre this centre?

R

To center it, set the column containing it to “Centered Content Alignment”. To make it bigger, wrap the button in a div and use css to target it like this:

<div class="large-button">[button color="extra-color-3" size="large" url="http://www.webteam.cornwall.nhs.uk" text="View Our Work" color_override=""]</div>
.large-button .nectar-button {
    font-size: 24px!important;
    padding: 32px 36px!important;
}

3) I have a full width background image, then overlaying a text block, I would like this text block to be a certain width and sit indented on the top of the background image, how do I do this please?

R

Ok cool any example you can give me please in css to adjust the column width?

the indent I want from the left not the top sorry

Add a class onto your desired column such as “custom-class” and then use this in the css box :)

.col.custom-class { left: 100px; width: 50%!important; }

2) In a text block adding the following code in the text editor….

<h2 style="text-align: center; color: #4a4a4a; font-size: 62px;">We create <strong>quality products</strong> that enrich the lives of others.</h2>

The bolded words ‘quality products’ completely disapear form the published page when the strong is used ??

R

Just sent the email :)

strange haven’t had anything yet

Feel free to shoot me an email then at themenectar@gmail.com

Hi Bud,

I have a few questions I’ll post them separately… Hope your well

1) I have a three column row (full width) the columns are a bit close together how do I increase padding or margins to make the white spaces wider between the columns please.

Rich

Hey Rich!

Use the column padding option as shown in this tutorial: https://www.youtube.com/watch?v=DpJWWM4BAbo :)

How to disable Home Slider, for using Nectar Slider? I switched to Nectar Slider; but the Home Slider still shows in the home page. How can I disable it?

Hey Kaizeen! Simply change the page layout to “default” in your page attributes box located on the right hand side of your edit page screen :)

Cheers

Love your work!!!

Thanks tranmautritam! :)

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