38279 comments found.
Hi,
How can I change the vertical menu item hover colour and use an underline hover style?
Cheers
Hey Micatuca,
You can change the default hover effect to a simple underline by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
https://pastebin.com/H3CgykyKKind regards
Cheers, that doesn’t seem to be working
I also found from a ticket:
.wpb_text_column.wpb_content_element { text-shadow: 3px 2px 5px black; }
Is it possible for the above to target specific text like H3?
Thanks
Hey Micatuca,
1. Can you please share your actual URL so that I can take a look?
2. Yes, you’ll just need to add a class name on to the column holding your heading text to be able to target it in isolation. For example, the class name “text-shadow-heading” added to a column could then use the following rule:
.text-shadow-heading h3 { text-shadow: 3px 2px 5px black; }
Kind regards
Cheers that’s worked perfectly, I’ll send the URL now in a private message
I’ll follow up via email, Micatuca 
Cheers
Hi, I have a bit of a problem. I am using the latest version of the theme and I’ve got a simple image gallery. I’ve activated lazy load in the theme as well as in the WP Rocket plugin recommended by Google – for both images and iframes. But I am still getting the same message in Google speed test – “Defer offscreen images 1.50s” and it is about that gallery. Google recommends lazy loading images and I am doing that, and only this one gallery is causing problem. Can you recommend a solution? Thanks!
Hey artishock!
Unfortunately, lazy loading is not available for that specific slider style in the image gallery element. However, you’ll see the “Image Loading” field show up when switching to the Nectar Slider, or Flickity style and can enable lazy loading for either of them.
Kind regards
Hello there, I am able to add via single.php my custom post type fields. But I am looking for a way to create blogroll based on a custom post type + some dedicated fields. I am unsure where to look…
Aka I am able to choose my custom post type in the blog grid. and it displays my items. However. I need more fields to be visible in the blogroll.
Could you please guide me on where to edit the blog grid, so I have an option to choose which fields to display in the blog grid?
Thank you!
Hey H0kus41!
You can use the filter hook “nectar_post_grid_excerpt” in your child theme to add any additional custom content to each post grid item. An example that queries for custom meta might look like: https://pastebin.com/sQkjXjvd
Kind regards
Thank you very much! very helpful!
You’re welcome, H0kus41
Feature Request: Load More button option for shop pages
Hey MarcGarner, thanks for the request
Hello,
it’s impossible to import a demo of your theme, it’s running in a vacuum indefinitely. The online documentation isn’t available either, there’s a problem with your server.
Hey FayeAud,
Sorry about that—there was server maintenance earlier today. If you’re still having any issues importing a demo, we would be happy to follow up on the support forum in regards https://themenectar.ticksy.com/
Thanks in advance
Hey hurley_,
It looks like you’ve added two team member elements inside of each column, which would mean your stacking order on mobile be as follows: https://ibb.co/YPKVr1d
If you want your stacking order to remain the same on mobile as desktop (from left to right), then you should add a second row and only keep one team member in each column like so: https://ibb.co/HzKc3hB
Kind regards
Hi TN team,
Just wondering if there’s a way to control the speed of “Zoom out slowly” for column animation of a background image; it’s quite fast as it is.
Additionally, is there a way to force transparent navigation on a page (without doing it site wide)? I see the tick box disappears unless you have it on in the Salient panel; I’ve just got a lot of pages that get affected otherwise.
Thanks!
Hey ND81!
1. You could modify that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/sRrXVv7U
2. The option must be enabled within the Salient options panel in order to force it on pages. If you’re trying to prevent the effect from occurring on specific areas of your site, it could be achieved via a filter in your child theme. If you’re looking for assistance with that, please open a ticket on the support forum in regards
Cheers
Got ya, many thanks – very helpful. I’ll give this all some thought.
You’re welcome, ND81
HI,
What is the CSS selector for the Nectar Slider’s Caption font size? I want to enlarge it but I am having hard time finding the CSS selector, the Chrome browser tool only selects but does not select the whole selector.
thanks
Hey toolbox101,
You can adjust the responsive font sizing for your slider caption directly in the Nectar Slider element settings within the page builder: https://ibb.co/w6wN2FZ
If you’re looking to adjust the desktop viewport, that’s defined in the Salient options panel > Typography > Nectar specific elements tab via the “Nectar/Home Slider Caption Font” field.
Kind regards
Hi, I have updated the theme to latest version and some peoples see the site broken. see screenshot plz https://prnt.sc/XkQNduEYIwda. lots of space on left side. In dev tools, I can see it is being added by css. screenshot https://prnt.sc/n-9eaUtedksZ . this css is added to class [ .wpb_row.full-width-content ]
Hey next2row,
That CSS rule has been in Salient for many years and is used to expand full width rows outside of the site container—the margin-left should bring the rows back into the center of the screen. I would suspect that something else in your setup is conflicting with that CSS rule and breaking it. If you’ve ruled out any custom CSS or child theme that you may be using and have already cleared your site cache, please share your actual URL so I can take a look to help out.
Thanks in advance
Hi! There’s a critical bug with “Force Transparency On Navigation” in Header Navigation. The trigger switches, preview works fine but when the page is updated, the switch is back to off and the change has not been saved. So currently it’s completely impossible to switch on transparent navigation.
It worked fine in 15.0.4 and does not work in 15.0.8 nor 15.10. Hope there will be a fix for this soon. Thank you!
Hey taligent!
I have not been able to replicate that issue locally yet and have not seen other reports of something similar. If you’ve already verified a third-party plugin conflict causing the issue, can you kindly open a ticket on the support forum in regards so that we can take a look into your setup?
Thanks in advance
Hello! I’m using the Fullscreen Pricing Grid on my website (it has 3 grids and gradient text) and I’m trying to add one more grid. In other words, I want 4 grids with 4 prices. Is that possible? If so, can you show me how cuz I have no idea how to do it! Thank youuuu!!
Hey midojouay!
When you hover over the column options for your row, you can select 1/4 + 1/4 + 1/4 + 1/4 to get that setup: https://ibb.co/JFspwCP
Here’s that same layout in 4 columns with all the elements/column settings copied over to the 4th column for your convenience: https://pastebin.com/haUaYWZn You can paste that into the “Classic Mode” editor and then switch back into the page builder to edit it.
Kind regards
Thank you so much! It worked
You’re welcome, midojouay
The demo site is down!
Hey Babimcc, it looks like the server might have been offline for a few minutes earlier—you should be able to access it normally now
Hello. I’m using image gallery (image grid style), but the images are displayed in ascending order (older first). In the gallery options it does not allow me to change the order to descending (new first) any advice? Thank you
Hey joh2049,
The gallery should display images in the same order you’ve arranged them in within the “Images” field, which is drag and drop. Because there’s no known issue where that would display reversed, could you kindly open a ticket on the support forum in regards with your URL?
Thanks in advance
hi!
is it possible to center an svg image using the single Image box? When i center it, the svg disappears.
Thanks!
Hey agenturhochdrei!
Try adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body .img-with-aniamtion-wrap[data-max-width=custom].center .inner {
display: block;
margin: 0 auto;
}
If that doesn’t correct it for you, kindly share the page URL in regards so that I can take a look.
Cheers
Thanks agenturhochdrei,
Have you added in the CSS snippet I provided in my previous comment yet? I’m currently unable to see it loading on that page.
i put the snippet now. For mobile is not center. I want that the single image is center for mobile device.
Thanks!
Hey agenturhochdrei,
If you’re trying to center the image on mobile only, then the snippet should be changed to:
@media only screen and (max-width: 690px) {
body .img-with-aniamtion-wrap[data-max-width=custom] .inner {
display: block;
margin: 0 auto!important;
}
}
Kind regards
perfect! Thanks!
You’re welcome, agenturhochdrei
Hi there, i am having an issue with the image slider on this page “https://mmoreira.co/hof-highticket/”. The first image on the slider does no load on mobile. Any ideas?
Hey kayota,
Please see my reply to your previous comment in regards
Cheers
Hi there, I have this page here “https://mmoreira.co/hof-highticket/” where I am using the image slider at section “90 templates” but there is an issue: on mobile the first image gets stuck and does not load unless I refresh the page over and over again. Works fine on desktop. Any ideas?!
Hey kayota,
Can you ensure that you have the option “Lazy Load Page Builder Element Images” enabled in your Salient options panel > General settings > performance tab? That option should be enabled if you intend on “Lazy Load” option within the Image Gallery element settings.
If you don’t have that theme option active, try to change your “Lazy load” to “Skip lazy load” in the image gallery element settings
Kind regards
Is there any way to add pagination to the Category Grid element? I have a site with thousands of categories, looking for a way to just get 30 to appear then load in the rest on scrolling …
Hey SeanAUS120,
Unfortunately, there is no built-in option to add pagination to the category grid in the current release of Salient. However, I’ve noted your idea for that on the wishlist.
Kind regards
Hello, I just bought your theme.
Is there a way to include a countdown in the page ? I try to make a “coming soon page”. Thanks in advance !
Hey matvej!
Unfortunately there’s no count down element included in the core element set. Getting that functionality would require the use of a third party plugin as of now.
Kind regards
Hello,
What plugin to you recommend then? I want to add a countdown for the launch of my website. Is the countdown of Elementor can work with your theme, as you use WP Bakery?
Hey matvej,
1. Maintenance Mode is the most popular choice: https://wordpress.org/plugins/wp-maintenance-mode/
2. You could also use the countdown element within Elementor if you’re using that plugin on your website
Kind regards
Hello, can we have the dynamic post grid (title and picture showing when hovering) for projects? Thank you
Hey charlotteke!
Yes, you can use the “Text Opacity” options within the grid item coloring/style tab when editing your post grid to create an effect where the meta you’ve selected to display will only show on hover: https://ibb.co/rt8dpHC
Kind regards
Thank you! Can I make this hover effect on a regular text link?
Hey charlotteke, if you’re referring a link outside of the post grid, you would need to use a page builder element such as the Fancy Box to achieve something similar: https://themenectar.com/salient/elements/fancy-box/
Kind regards
Hi guys, I have a question related to the logo. For my website, I use a logo font by going in the Salient > Typography. I also keep Letter Spacing of 6px. Now the issue is that the last letter of the font also keep the letter spacing of 6px and then it’s not exactly in the center be on the web or mobile website. Is there a way to fix it?
Hey asingh2404,
You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#logo {
margin-right: -6px;
}
Cheers
