38439 comments found.
Using an external font service (Hoefler) and want to change the font for the h2, p and buttons in the Nectar slider.
Targeting .slider-swipe and .content h2 but no joy, any chance of the correct classes to target? Thanks!
Also tried just .content.
Hey!
Try this:
.swiper-slide .content h2, .swiper-slide .content p, .swiper-slide .button a {
font-family: 'fontFamily'!important;
}
Cheers
Hi,
I using woocommerce and have setup my page where I’m calling in a category of products in a carousel. I have 2 questions about this set up.
1) I have enabled the hover arrows to rotate the products. Is there a way to center those arrows on the product image instead of the whole element?
2) Can I change the size of the product images that display on this page without affecting the size of the product image on the product’s page? I’m thinking there should be a CSS snippet that I can add to the page to change the size of the feature images of the products in the woocommerce carousel?
Thanks!
Hey!
1. Add this into the custom css box in the Salient options panel:
body .products-carousel .carousel-prev,
body .products-carousel .carousel-next {
margin-top: -50px!important;
}
2. Unfortunately this is determined by javascript (for the carousel at least) – you’d need to modify the column number of that element in the init.js file located in the js folder
Cheers
Really like you theme. Love that the scrolling to anchor anchor point animation is built in to the theme now, Is there a way to slow down the scroll?
Also, we have made the header stay transparent and the scroll only goes to where it would tuck the section under the header if it wasn’t transparent. Is where a way to adjust that offset so it goes to the top of the window?
Thanks a million in advance.
Hey jessecooke!
1. Edit the 800 in this:
$('body,html').stop().animate({
scrollTop: $($hash).offset().top - $mobileMenuHeight - parseInt($('#header-space').height()) - adminBarHeight + (parseInt(shrinkNum) + headerPadding2*2 + 3)
},800,'easeOutQuad')
– you’ll find this section in the init.js file located in the js folder
2. This would also take modding in the init.js file
Cheers
Hi,
Is it possible to use a custom font (not the google fonts)?
Hey Gouvea,
You’d need to use font face instead http://css-tricks.com/snippets/css/using-font-face/
Cheers
if I have a video slide as the first slide, it wont load, but if I move it to the second slide, it loads fine.
any thoughts?
Hey timiota,
could you kindly share your URL in regards?
Cheers
The wp admin menu is overlapping the site logo and main navigation when in portrait view on mobile devices. If there a fix out for this?
Hey,
This shouldn’t be the case – is there anyway you could open a ticket in regards with your admin credentials so I could take a further look? https://themenectar.ticksy.com
Cheers
Hello, I really like your theme, one of the most complete I have used. I want to change the logo of the website according to the language, I use wpml and its forum I found this but not to put it in your template, can you help me please
<?php if (ICL_LANGUAGE_CODE == ‘es’): ?>
<?php else: ?>
<?php endif ?>
sorry, I did not copy well the code,
<a href=”<?php echo home_url(); ?>” title=”<?php bloginfo(‘name’); ?>”>
<?php if (ICL_LANGUAGE_CODE == ‘es’): ?>
<img src=”ruta-logo-español” />
<?php else: ?>
<img src=”ruta-logo-catalan.png” />
<?php endif ?>
</a>
Hey,
That would need to go into the header.php file at the logo section 
Cheers
Hi Nectar,
I would like to change the hover states/colours of each of the social icons in the header/secondary nav and the footer, while keeping the backgrounds transparent or as is. For instance, changing the Pinterest hover state to red (#cc0000)
Any help would be appreciated. http://rollingspoke.com/
Hey,
Add this into the custom css box in your Salient options panel:
body #header-secondary-outer #social li a:hover .icon-pinterest[class^="icon-"] {
color: #fff!important;
}
Cheers
Thanks for the reply, though this code did not work. The icons are still have the default accent colour on the hover state.
Hey again – I don’t see that code making its way into the front of your site, could you kindly open a ticket in regards if you’ve already verified you didn’t accidentally place the pre tags in with the snippet? themenectar.ticksy.com/
Cheers
Hello everyone,
I have a small problem and maybe someone can help me. Would apreciate it very much.
I have a nectar button in medium here and I want that when you click on it a small pop up window opens which contains a contact form 7 inside it. Here is the tutorial: http://fivera.net/contact-form-7-in-popup-window-wordpress-tutorial/
It works pretty good, without the shortcode button, but I couldn’t bring them togehter, because I don’t know how to combine the shortcode button with the HTML code.
The button: [button color=”see-through” hover_text_color_override=”#fff” size=”medium” url=”” text=”Click here” color_override=”#ffffff” image=”steadysets-icon-phone”]
The code: Contact Us
Anyone an idea? Greetings
Hey,
You’d need to use the raw html for the button – if you generate your desired button through a shortcode you can inspect the source of the page and copy the html for it. This will then allow you to add html classes/attributes on it
Cheers
Hi,
Can you tell me please is there any way to disable CSS Animation in Single Image component, because now there is no option “None”, but only several Fade Ins, Grow In and Flip In? Thanks in advance!
Hey mucho_mano,
Add this into the custom css box in the Salient options panel:
img.img-with-animation {
opacity: 1!important;
}
Cheers
Thank you so much, it works great! But I forgot to ask you how to stop the showing animation of Portfolio thumbnails (transition from white to image). I guess it needs another predefined CSS tag. Thanks in advance!
Hey,
This wouldn’t be possible without some custom js modding as of now – since there’s an event to load the images in like that once everything has completed loading
Cheers
Hi Salient!
I got a few glitch on my css, i don’t know what’s happening, maybe you have some ideas. Here is the website : http://kribou.ca
1) On the home page, if you can see the 3rd raw, there is an orange icon on the left. I don’t know why, but it looks compressed. Other icons like this do the same thing! Like there : http://kribou.ca/nos-services/accompagnement-coaching-entrepreneur/ (on the bottom)
2) Also, I noticed something also strange. On the portfolio, there is a block with “skills” on the right. Check in here by example : http://kribou.ca/portfolio/loic-ternisien-naturopathe-energeticien/ On this box, icons are “glued” to the text and when you scroll down, the block goes on the left side of the website. Do you have an idea why this is happening?
Thank you a lot for your help, and also, thank you so much for this great theme.
3) Oh and I have a 3rd point also for you. The header makes something strange too. When you scroll down and the scroll up again, the “flexible header” doesn’t transform like at the origin. (maybe this is not clear, my english is not perfect so i explain differently) When the page loads, the header is tall and transparent. When we scroll it reduce its size (now it’s ok), but I go up again, the header doesn’t go at the first height than at the origin. Do you know why? NB : i use Chrome and Firefox and both have this glitch.
Thanks again
Hey,
Are you using the latest version of the theme? If so, please open a ticket in regards with your admin credentials so I can take a look https://themenectar.ticksy.com
Cheers
I have 5.0.1 theme installed. This is the last one right? I’m going to reinstall the theme, maybe it will fix it? If not, i’ll open a ticket.
Hey – that’s the latest version, please open a ticket so I can check on this further
Cheers
Would LOVE a Vine icon in the Footer options.
Hey – it’s on the to do list
Hi Nectar Team!
I would like to ask you whether Salient includes a slider that shows posts? If not, do you have a recommendation of a plugin able to do so and that works fine with Salient? Would Royal Slider o Revolution Slider work OK? Thanks a lot! Best,
Hey,
No slider can pull from posts that are built in – Rev slider should work normally though
Cheers
The slider won’t laod anything and the developer console of Google Chrome shows me the following errors?
How to fix this?
Hey armaganvideos,
You can’t use the video backgrounds from the demo server – you need to upload the actual video files on your own domain to have it work
Cheers
Hi,
1 – How can I change the background colour throughout the site to white?
2 – Can I remove the line and shadow at the bottom of the header?
Thanks! Jim
Hey Jim,
Add these into the custom css box located in your Salient Options panel:
body .container-wrap {
background-color: #fff!important;
}
#header-outer {
box-shadow: none!important;
}
Cheers
hey I’m back!
my company did buy your theme, but they purchased it before I started, and I do not have the login credentials for the account that made the purchase. Same as last time.
This is another easy question: Right now the header follows the screen when the user scrolls. How can I make the header stay at the top of the page?
Btw, Thanks for the answer last time!
Hey – add this into the custom css box located in your Salient Options panel:
#header-outer {
position: absolute!important;
}
Hi,
I activacted the Salient theme on my website, but when i activate Woocommerce it generates a conflict and I can’t access the admin area anymore.
Has anyone had this issue before?
Thanks,
Marcelo
Hey Marcelo,
That’s not a known issue – what version of Salient are you using and have you confirmed that no plugins are causing the issue?
Cheers
There are some issues with WooCommerce 2.3+ and Salient 5.0, most notably the missing quantity buttons at product page and replicated “proceed to checkout” buttons at cart page.
WooCommerce has a warning: Your theme has bundled outdated copies of WooCommerce template files.
Thanks
Hey guigo2k,
If you update to v5.0.1 this should be sorted
Cheers
Finding it impossible to access the “Ascend” theme style. The one seen here: http://themenectar.com/demo/salient-ascend/... even after installing the Demo content and selecting it from the Theme Options menu. Let me know what I can do!
Hey – could you please share your URL in regards?
Yo,
Which class to target to change the font in headings, buttons in nectar slider? Thanks!
Hey,
you can handle that in the typography options tab of your Salient options panel without css
Sure, on the slider I’m using the classes:
.swiper-slide .content { font-family: ‘Gotham SSm A’, ‘Gotham SSm B’; font-weight: 700; font-style: normal; }
.nectar-button, .button, .buttons, .primary-color, .extra-color-1, {
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 400;
font-style: normal;
}Hey – change it to:
.swiper-slide .content h2, .swiper-slide .content p, .swiper-slide .button a {
font-family: 'Gotham SSm A', 'Gotham SSm B'!important;
}
