38441 comments found.
Hello I’m trying to add a custom footer copyright text to my site but it’s not working – http://conference.narpmcalifornia.org/ – thanks for your time and help
Hey, could you kindly describe this more – I currently see custom information entered in your copyright section
Well, that’s weird, it wasn’t working earlier but now it is – Thanks for the reply though!
You’re welcome 
Hello,
Is it possible to have the tabbed content section display vertical tabs instead of horizontal?
Hey,
Add this into the custom css box in the Salient options panel:
.tabbed > ul li {
float: none!important;
}
Cheers
Hey, thanks! This is close to what I’m trying to do but not exactly. That above code makes the tabs become vertical, which is what I’d like, but then the content for each tab shows up under all the tabs still.
See here: http://i.imgur.com/qXV4mQ9.jpg
Is it possible to have the vertical tabs on the left and then displayed the content within each tab on the right? Ideally with the tabs being 1/3 column and the content being 2/3 column.
Thanks!! -Chris
Hey – add this in as well:
.wpb_content_element .wpb_tabs_nav {
float: left;
width: 150px;
}
Aces! Thanks!
Cheers
Hi! 1: Whats happened with the Visual Composer? In the new Update the design is screwed up when you try to add the component to the row.
2:Why is that, Essential Grid plugin Lightbox is not working with your theme? I have spent several hours trying to figure it out but no result. I have asked them to look into that also and they couldn’t figure it out either why its not compatible. The lightbox works on your theme but not with EG. And there is no error message whatsoever. :/
3: Where do I have to modify the theme to show pagination instead of numbers say: Previous Posts, Next Post?
4: Its the best theme so far I have ever worked with!
Hope you guys can answer to my questions and fix that. 
Hey,
1. There’s no known issue with that, could you please open a ticket in regards with your admin credentials? themenectar.ticksy.com/
2. Please share your URL so I can take a look
3. Add this into the custom css box in the Salient options panel:
#pagination .next a, #pagination .next.inactive, #pagination .page-numbers.next, .woocommerce nav.woocommerce-pagination ul li .page-numbers.next, #pagination .prev a, #pagination .prev.inactive, #pagination .page-numbers.prev, .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
background-image: none!important;
text-indent: 0!important;
width: auto!important;
}
4. Cheers!
Hi, In my page: http://kendo.mx/v2/ I have a “Recent Post Section” with 4 posts. Thing is I need the 4 post to have the same height without having to adjust items manually. Is it posible? Is it posible to display each post in a box of the same size???
Hey,
You could use custom css such as this:
.home .blog-recent .col .post-header h3, .blog-recent[data-style="default"] .col .post-header h3 {
min-height: 50px;
}
Cheers
Hi, I am trying to put a Google map in a tabbed section, you can see it here: http://farmsteadtx.org/#location
I have set up the map in the tab, however nothing will show up. Is there any custom CSS I can place in the General Settings of the Salient theme to fix this?
Hey,
Try to add this: into this section of the init.js file located in the js folder
$(window).trigger('resize');$('body').on('click','.tabbed > ul li a',function(){
right before the return false;
Cheers
Cheers
Hi, this: $(window).trigger(‘resize’); didn’t work, but when I looked again I saw someone else said that this: window.dispatchEvent(new Event(‘resize’)); would work – and it did!
Glad you got it
Cheers!
Hi
How to add cart button permanently to the header? www.mysterymonks.com
Hey,
you’d have to use the ascend skin if you wanted to avoid custom code
Cheers
Hello! When using gravity forms, and the date picker field. The calendar wont popup when using latest version of salient. I have tried to use a fresh install of salient with no success. But when i activate the built-in themes in wordpress it works as it should.
Hey, please share the relevant URL so I can see what’s going on
Cheers
You can use livetech.no/testform/
I just want to add that it works in microsoft edge, and IE on windows phone. But not on chrome (desktop). EDIT: Strange thing, suddenly it works in chrome too. I have been trying for several days to fix the problem. Maybe a cache issue?
Hey – i’m also seeing it work on Chrome on my end, let me know if it starts acting up for you again
Hello, how can I change the opacity (.45) of the color overlay on the “title overlaid with zoom effect on hover” preset? Do you have some custom CSS I can add?
Thanks!
Hey – you’d need to alter this section of the init.js file
$(this).find('.work-info-bg').stop(true).animate({
'opacity' : 0.45
},350,'swing');
Nailed it, thank you so much!
You’re welcome
Hi, How can i add icons to second navigation. i want to add a telephone no and email id with respective logo
Hey,
Adding icons to that menu right now would take some custom css or modding to the header.php file
Cheers
Hey Phil,
http://puu.sh/ks8fI/fc0bb9345a.pngIs there a way I can keep “View Larger” but remove “More Details” in my portfolio?
Thanks!
.portfolio-items .col .work-item .work-info a.default-link {
display: none!important;
}
Hey, I am trying to adjust the color behind the navigation. (not the whole header just the navigation)
Here is the goal – http://screencast.com/t/kNE4sqJRmr3
Here is what it currently looks like – http://screencast.com/t/9XNNRZkLT7s
Here is the url – new.gardensofhollytree.com
Thank you so much!
Hey! Add this into the custom css box in the Salient options panel:
#header-outer .container {
width: 100%!important;
padding: 0!important;
}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 {
background-color: #333!important;
}
You are awesome! It looks great, however it is bad on mobile. Is there something I can do to make it better for mobile?
Hey – change it to this:
.container {
width: 100%!important;
padding: 0!important;
max-width: none!important;
}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 {
background-color: #333!important;
}
@media only screen and (max-width: 1000px) {
header#top .col.span_3 {
left: 20px;
}
header#top #toggle-nav {
right: 20px!important;
}
}
I’m using standard text for my site title and NOT a logo but I can’t find out how to adjust the size of the typography for the site title. Which one is it in the typography setting?
Also, I thought there was a way to add the blog description (sub title) under the main site title (in the header). Where can I find the setting to do that?
I am using Ascend theme. Thanks!
Hey!
1. Add this into the custom css box located in your Salient Options panel:
header#top #logo {
font-size: 20px!important;
}
2. Unfortunately not as of now without some custom development
Hello, I posted a while about about fonts on my site changing by OS. Your support team advised that I had to change the font to a non-google font. I have done so, but am continuing to experience this problem.
Hey – please share your ticket ID
Cheers
542373
Hi,
I am facing a little issue with the Contact Form on One Page Demo. Send button is not fully displayed and also the success message. Here is the URL. http://www.alexandrafriedman.com/new/ Please let me know as soon as possible.Regards, Abdul Mannan
Hey – try switching your row type to be the full width background one instead of full width content
Cheers
My responsive menu isnt showing up the same as yours. Could you please tell me how to change it so that it is the same. my url: http://greencube.thedesignlab.co.za/ thank you
Hey – I have the fullscreen cover option selected for “Off Canvas Menu Style” in the header options tab
Cheers
thanks – I’ve done that – but that menu is still super big and doesnt look like yours. The text is massive and doesnt show the 2nd level nav.
Hey, I’m seeing the second level nav when clicking on the menu items containing some – Also you can set the font size in the typography options tab in the Salient options panel
yes, it is working but I would really like it to appear like in your example: modern creative. (http://themenectar.com/demo/salient-frostwave/) has the nav on the left – dotted lines underneath and a little drop down arrow on the right. I’m unsure where I get these settings. thank you
To get that mobile menu you just need to turn off your setting for the sticky mobile menu in your header options tab of the Salient options panel
Hi! how can I hide a featured image on a single post so it didn’t appear before tex?
Hey,
there’s an option in the blog tab of the Salient options panel for this
Cheers
Yeah, but it hides featured image at the start of each post. I want some post have it and some not. Is it some checker box for it which i’m missing? Or for this case i’m just to need disable auto-adding on salient blog settings and then add image on top of the post every time I want it to be there? thanks
Hey, there’s not box to disable it on certain posts but you could go with the method you mentioned or use custom css on a per post basis
A very quick question on what is possible for content columns… I’m thinking of buying my third license of salient for yet another website but there’s one thing I can’t quite work out from playing with it…
Can I create rows, split into columns, where the content will touch without being full width, particularly images and text with buttons? Please see the example at the top of this page: http://demos.artbees.net/jupiter/elara/
Thanks!
Hey – yes, but only if you have the layout set to boxed
Hello again,
so, I’ve been doing some modifications in both custom css and responsive.css, and is closing in to where I want to go with my website (http://blogg.viktorhertz.com/). Sorry for all my previous questions, but your help is much appreciated! FYI, I’ve really been trying to find a solution for all these things in the forum, before writing a comment here.. I’ve also been consulting with some friends of mine, who have WP+CSS knowledge, and they’ve said that it’s really tough to modify this theme, so I hope you guys can help me out..
Here are some last (hopefully) issues I’m struggling with:
1. How exactly do I remove the hover animation for the portfolio items (style-2)? Where in the init.js do I modify this, if I need to go there?
2. For my top menu, I have the following custom css code in my Salient panel:
body header#top nav > ul > li > a, header#top nav ul #search-btn {
padding-bottom: 3px!important;
padding-top: 25px!important;
padding-right: 0px!important;
padding-left: 25px!important;
margin-right: 0px!important;
margin-left: 0px!important;
font-size: 14px!important;
text-align: right!important;
font-family: 'Roboto'!important;
font-style: italic!important;
font-weight: 300!important;
letter-spacing: 2px!important;
text-transform: uppercase!important;
transition-duration: 0s!important;
color:#808080!important;
}
body header#top nav > ul > li > a, header#top nav ul #search-btn ul li a.active {
color:#000000!important;
font-weight: 400!important;
}
body header#top nav > ul > li > a, header#top nav ul #search-btn ul li a:hover {
color:#000000!important;
font-weight: 400!important;
}
BUT, on the website, the normal and active/hover colors are reversed- why??
3. I have four pages on my website, and on these two: http://blogg.viktorhertz.com/work/ http://blogg.viktorhertz.com/about/… the whole layout is slightly pushed to the left (on fullscreen desktop), and are not aligned with my two other pages- why is this, and how can I fix it? It seems that the layout is only doing this when viewing on larger than 1400px width- can I modify this, so that the initial layout starts as it does <1400px, and doesn’t move at all on screens bigger than this?
4. On my ‘About’ page, I’m using a 3-column layout, and added this custom css code, to break it into 2 columns on certain widths:
@media only screen and (min-width: 500px) and (max-width: 800px) {
html body .vc_row-fluid .vc_col-sm-4[class*="vc_col-sm-"] {
width: 50%!important;
}
}
BUT, when resizing the window, the layout gets ugly gaps with empty space, which I guess is because the rows have to break up, but is there some way to have the text boxes move and fill the gaps somehow? I tried using 4 columns instead, but then it gets too crowded in the layout at certain widths..
Also, the page breaks the column already at 1000px, into one column only, and then it turns to 2 columns at 800px (when my custom css kicks in).. Why doesn’t it keep the original layout all the way? Lots of weird stuff have been going on at 1000px width before too, so I guess there’s some stuff going on in the responsive.css file, where I’ve been modifying some other stuff..
5. I found your snippet for resizing the portfolio items on certain widths, using this:
@media only screen and (max-width: 900px) and (min-width: 400px) {
body #portfolio.portfolio-items .col.span_4, body #portfolio.portfolio-items .col.span_3 {
width: 50% !important;
}
}
BUT, the portfolio breaks up into only 2 columns with items, and I’d like to have them in 3 columns, is that possible? The Custom CSS panel also says “Don’t use adjoining classes”, when I paste this code..
6. Is it possible to have more than 4 portfolio items on each row? In that case, how do I do that, exactly? I’d like to have maybe 6 items on each row, for fullscreen desktop viewing..
7. I’ve been trying to fix my previous problem with the responsiveness, where the layout has been jumping back and forth to left and right, and almost got it right by now. But, if you please could tell me where exactly I should modify in the responsive.css-file, to have the layout fill the whole screen on tablet-horizontally mode? I’d like to be able to use the whole space of the screen..
Is there some way I can modify this, so that the layout always keeps the same left-margin, and doesn’t re-adjust for each span? I’ve been modifying the different spans in the responsive.css, but there are still some hickups left, that I wanna get rid of..
8. How exactly do I replace the hamburger mobile icon, with a custom image? I’ve read that you have to do this in header.php, or something, but if you could please tell me what and where I should change this, I’d be very grateful!
MANY THANKS in advance! Let me know if you’d need my login details, to fix these things..
/ Viktor
Hey,
1. Add this into the custom css box located in your Salient Options panel:.portfolio-items .work-info, .work-info-bg {
display: none!important;
}
2. You don’t need css for this, in your header options tab in the Salient options panel there’s an option for color scheme – choose “custom”
3. I’m seeing you have a right margin set for your text column that’s holding the portfolio element
4.
html body .vc_row-fluid .vc_col-sm-4[class*="vc_col-sm-"]:last-of-type {
clear: both;
}
5.
@media only screen and (max-width: 900px) and (min-width: 400px) {
body #portfolio.portfolio-items .col.span_4, body #portfolio.portfolio-items .col.span_3 {
width: 33% !important;
}
}
6. This would also require css
7.
@media only screen and (max-width: 1000px) and (min-width: 1px) {
body .container {
max-width: 95%!important;
min-width: 95%!important;
}
}
8. This is the line
<a href="#mobilemenu" id="toggle-nav"><i class="icon-reorder" />
Cheers
Hi again, and thanks for your reply! I understand you must be tired of me by now, but your solutions didn’t help, I’m afraid..
1. Sorry, you misunderstood me, I should’ve been more clear- I want to keep the work info on hover, I just want to get rid of the small animation that makes the text slide in from the top..
2. Aha, sorry, yeah that worked- BUT, what if I want to make the active/hover text in another font weight? How would I do that, and still keep the colors from the custom colors in the Salient panel? I tried keeping the custom css code (only the weight) for hover and active, but it made the regular menu also in that weight..
3. I removed the right margin in the portfolio holder, but the problem is still there. Also, it’s not only the main content that is slightly moved to the left- it’s the whole header, including the logo and the menu..
4. Doesn’t work.. I tried using this, with and without my original code, but there are still gaps in the layout; see what I mean here: http://blogg.viktorhertz.com/about/
Also, the layout still breaks into only one column at 1000px, which I don’t want at all; I want to keep the 3 columns until 800px, and then break it up to 2 columns, and finally just one, for mobile (the latter works good, though)..
5. Doesn’t work.. The portfolio gallery still jumps directly to 2 columns (I changed it to between 1000px and 500px in my custom css panel), and it also jumps to only 1 column at 690px.. See the page here: http://blogg.viktorhertz.com/work/
6. Well, yeah, of course I understand it needs custom css, that’s why I asked.. So you can’t help me with this? I figured it’s kind of hard to google this, since the code is different for different themes, right?
7. Well, this didn’t help for the ipad horizontal mode- there is still unnecessary space/margin on both sides of the layout.. And, when I try to change the value from 1000px to 1200px for example, the layout gets even more narrow.. I guess I need to fiddle with the responsive.css file to avoid this problem, but where do I do that, in that case?
8. Hmm, I’m (apparently) using the child theme- can I just dl the header.php from my salient folder via ftp, and then upload it again, to the salient-child folder via ftp, and then be able to edit it in my WP admin panel? Because, I can’t find it there now, and I can’t figure out how to edit it on my computer either, like I can with the responsive.css file..
1. Change that to:
.portfolio-items .col .work-info .vert-center {
margin-top: 0!important;
}
2.
#header-outer.transparent header#top nav > ul > li > a:hover, #header-outer.transparent header#top nav .sf-menu > li.sfHover > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a, #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a, #header-outer.transparent header#top nav > ul > li > a:hover > .sf-sub-indicator > i, #header-outer.transparent header#top nav > ul > li.sfHover > a > span > i, #header-outer.transparent header#top nav ul #search-btn a:hover span, #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a:hover span, #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a i, #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a i, #header-outer.transparent .cart-outer:hover .icon-salient-cart, .ascend #boxed #header-outer.transparent .cart-outer:hover .cart-menu .cart-icon-wrap .icon-salient-cart {
font-weight: 800!important;
}
4. I thought you were just trying to move the third column to the left, placing the columns from the other rows inline would take some custom development.
5. Try this instead:
@media only screen and (max-width: 1000px) and (min-width: 800px) {
.portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
width: 31.8%!important;
margin: 1%!important;
}
}
@media only screen and (max-width: 800px) and (min-width: 690px) {
.portfolio-items:not(.carousel) .col.span_4, .portfolio-items:not(.carousel) .col.span_3 {
width: 48.8%!important;
margin: 1%!important;
}
}
6
@media only screen and (min-width: 1000px) {
.portfolio-items .col.span_3 {
width: 14.2%!important;
}
}
8. Yes
Please open a ticket in regards with your admin credentials in regards to #3/7 themenectar.ticksy.com/
Cheers
Hi, i’m using the nectar slider on the one page theme, how can i make the slider slide automatically and adjust the time it takes to go to each slide. Thanks
Hey – as of now that’s not possible but it’s an item on the wishlist
Hi there I wonder if you can help. The theme was installed and I’ve been working on it for a couple of days without a problem. However today I can only see a loading screen and nothing is displaying. I’ve updated the theme with the latest version and deleted the old one and nothing has changed. Can you please please. URL: lilyan-petrov.co.uk
Thank you
Kind Regards
Hey – the image you’re using for your particle header needs to live on the same domain. The error showing in your console is “Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’: The canvas has been tainted by cross-origin data.Nodes.drawImageToBackground” If you are using a CDN for images, you’ll need to set a rule to leave that one alone
Hi thanks for the quick reply. Am sorry but this makes no sense to me. I don’t know what CDN is and i have no idea how to set-up a rule to fix this issue. Whatever image I use for the particle HTML5 Canvas Background it does not work and I am not very happy with this. Can you provide me with information I can use on the backend via Wordpress to fix this issue?
Thanks
Kind Regards
If you don’t have a CDN in place your hosting company might be doing something to cache the images uploaded in a different location. Please open a ticket in regards with your admin credentials so I can take a look themenectar.ticksy.com/
