38437 comments found.
I’m displaying blog posts on my homepage using “masonry fullwidth.” How can I make the blog text look like portfolio text (title overlaid w/ zoom effect on hover). Essentially, would at least like the text to be centered vertically. Icing on the cake would be if the image did same zoom effect. And that the non-hover opacity were the same as for portfolio. As it stands, the opacity difference between hover and not on blog is negligible.
www.teamidea.org
Hey,
Add this into your custom css box:
body .masonry.meta_overlaid .masonry-blog-item .article-content-wrap {
position: absolute;
bottom: 50%;
transform: translateY(50%);
}
Unfortunately the zoom on hover would require custom javascript development
Cheers
No worries. FYI, I put it at 30% instead of 50% and that got the title centered vertically. thanks!
Is it possible to make the font size of the blog titles a little bigger, so they match the font size of the portfolio titles? again, referring to masonry fullscreen – on homepage: teamidea.org
Hey,
use this 
@media only screen and (min-width: 1300px) {
html body #post-area.masonry.meta_overlaid .masonry-blog-item.regular h2.title {
font-size: 30px!important;
line-height: 30px!important;
}
}
@media only screen and (max-width: 1300px) and (min-width: 990px) {
html body #post-area.masonry.meta_overlaid .masonry-blog-item.regular h2.title {
font-size: 20px!important;
line-height: 20px!important;
}
}
Hmm first CSS you’ve provided that didn’t work. I got a triangle ! for both. Suggestions?
The triangle is just showing the use of !important – it looks like you’ve removed that, however without that the snippet won’t override and work correctly
It worked (almost). Blog text is equal to portfolio text on desktop, but is much smaller on mobile. Suggestions?
Use this as well:
@media only screen and (max-width: 470px) {
html body #post-area.masonry.meta_overlaid .masonry-blog-item.regular h2.title {
font-size: 30px!important;
line-height: 30px!important;
}
}
I have removed the copyright/all rights reserved section in footer, so that the only thing remaining is the social icons. What CSS do I need to add to have those social icons centered?
fyi, see teamidea.org
Note: on mobile, the social icons appear to be left aligned. Again, I’d like them to be centered.
On mobile, there also seems to be a big amount of spacing about the footer. How do I get rid of it? It doesn’t appear on desktop. I’m guessing it’s the space set aside for the copyright text?
Hey,
Use this:
#footer-outer #copyright .container div:last-child {
width: 100%;
text-align: center;
}
#footer-outer #copyright .col ul {
float: none;
}
#footer-outer #copyright li {
float: none;
display: inline-block;
}
#footer-outer .span_5 {
margin-bottom: 0!important;
}
Cheers
Perfect. Thanks. I’m loving this theme!
You’re welcome
Hi, can you please provide an email address where I can send my questions regarding this theme before buying it? My questions are a bit privet that is why I can not send it over this public form. Thank you!
Hey,
you can use the contact form on my author page here: http://themeforest.net/user/themenectar
Cheers
When trying to import the dummy content. I get this: “Import WordPress Sorry, there has been an error. This does not appear to be a WXR file, missing/invalid WXR version number.” Please help. Thank you.
Please disregard, I figured it out. Thanks.
Hey, glad to hear you sorted it
Hey guys!
For everyone who hasn’t seen the announcements,
In regards to WordPress 4.5
The only version of Salient that is compatible with the latest WP is Salient 7.0.8, and the only version of Salient Visual Composer that is compatible with WP 4.5 is 4.11.2. If you’re using older versions of these and have updated to WP 4.5, your visual composer will not work.
Once you’ve updated Salient, head to the plugins section of your admin panel to update Visual Composer. If you’re having issues after using both the current versions, check for third party plugin issues – WP 4.5 added a new version of jQuery and a lot of plugins broke because of it.
I want buy this theme, but it’s compatible whit wordpress 4.5.2 ?
Hey, yes – the latest version of Salient (7.0.8) is
Cheers
how do we make the form fields side by side like in the contact form -http://themenectar.com/demo/salient-corporate/contact/
why is my comment being ignored?
so i’ve just noticed it’s saying my support as expired. I remember it saying lifetime support when i bought this!
Hey,
your comment isn’t being ignored – the average response time is up to 24 hours on here. Envato introduced item support packs a little while ago and made it a global change that authors don’t really have a say in http://themeforest.net/page/item_support_policy However I’ve been offering grandfathered support for anyone who purchased the theme before that change was introduced.
As for your contact form question – you’d need to use column divs like so when editing your form fields in contact form 7:
<div class="row">
<div class="col span_4">
<label for="your-name">Name</label>
[text* your-name]
</div>
<div class="col span_4">
<label for="your-email">Email</label>
[email* your-email]
</div>
<div class="col span_4">
<label for="your-subject">Subject</label>
[text your-subject]
</div>
</div>
Cheers
OK thanks, so do i have to do anything to get the support sorted?
You can attempt to contact Envato for an official support license but I can’t say whether they will provide one. If not feel free to ask any questions on here and you’ll be answered
Hi, is there support for FB Instant Articles and/or Google AMP planned?
Hey,
It’s on the wishlist but as of now there’s no ETA on integration
Cheers
Feature request: Is it possible in “Single Project Page Navigation” the two options to be selectable in the same time. It would be great if the user can switch on both “In Project Header” and “At Bottom Of Project” – just radio buttons to be repalced with checkboxes 10x
Hey,
Thanks for the request As of now this would indeed require some modding
Cheers
I keep getting an error when trying to upload images or videos: “An error occurred in the upload. Please try again later.” When I try again later I receive the same message. What might cause this?
Nevermind, I figured it out. I was attempting to upload files to pages that weren’t currently active.
Hey, glad to hear you’ve sorted it
Cheers
I was wondering if there was a way to add a button to the video background page header when using the default template. I Would use the Nectar slider, but I want the heading to have that animation..and that is not an option on the Nectar Slider. Please advise.
Hey,
Unfortunately this would need to be in a row like the corporate demo shows. Because the video lightbox is a visual composer element it needs to be added through the main post content area in order to get parsed
Cheers
I hunted down and edited the functions.php file and was able to add it in. Thanks anyways.
No worries – glad you got it
Hello,
I use Formidable Pro forms and when I use radio buttons or check-boxes in the forms, the radios or check-boxes are not visible.
I can choose to “Use Formidable styling” or to “Not use Formidable styling” but the result is the same – I can’t see the radios or check-boxes (the style of the forms change of course).
If I turn of Salient theme and use the default theme Twenty Sixteen, the radios are shown there.
See screenshot (top part Salient, bottom part Twenty Sixteen): https://snag.gy/8Bqo7m.jpgAny help please? Thanks!
Hey,
Could you kindly share the actual URL in regards so I can take a closer look at what’s causing the issue?
Cheers
Hello, please find the link here: http://jias.avare.sk/jias-terapeuti-sk-cz/terapeuti/objednavka-prveho-cd/
Hey, have you tried to turn off the fancy form styling in the Salient options panel > form styling tab?
Hello, fancy form styling turned off and radios are shown correctly. Thank you. But there is still one issue with form fields – in Firefox the entered text is not visible. In Chrome it is OK, but in Firefox there is nothing visible. The text/value is entered and you see a cursor change but nothing visible. Any idea? Thanks!
body .container-wrap input[type="text"], body .container-wrap textarea, body .container-wrap input[type="email"], body .container-wrap input[type="password"], body .container-wrap input[type="tel"], .container-wrap input[type="url"], body .container-wrap input[type="search"], body .container-wrap input[type="date"] {
padding: 6px !important;
It works! Thank you very much!
You’re very welcome
One more thing, I’ve noticed one thing with dropdown selection – the text there is shown just partially. See the printscreen (https://www.dropbox.com/s/av6vdg6h643t1fq/salient-formidable.jpg?dl=0) from Firefox, Chrome and Opera. If I click on the dropdown, the text is OK, see here (https://www.dropbox.com/s/dlu750ffjjyb9mi/salient-formidable-2.jpg?dl=0). Is there a solutions? Thanks!
Btw the link to the page is here: http://jias.avare.sk/jias-terapeuti-sk-cz/terapeuti/dalsie-objednavky/
Hey, add this into the custom css box in the Salient options panel:
.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="file"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select {
height: 38px!important;
}
Thank you very much, it works! Luxurious supports as usual!
Cheers
is there a way to have the header not be transparant but the fullscreen background image underlap the header navigation? Also, can the header (logo and header navigation) be slightly translucent (like it looks when I’m scrolling back up the page) instead of starting out opaque?
i think what I really need is the ability to add a translucent background to the header row. This way, users can more clearly read my header navigation text. Right now, the images under the header are making it hard to read when transparency is one.
Hey,
The ability to have a semi transparent header is possible in the current version of Salient in the options panel > header navigation > general settings tab with the “Header BG Opacity” field. If that’s not working please share your URL in regards so I can take a look
Cheers
Hey you AWESOME $alient Fam! Is there anyway poss to have Parallax work on mobile view?? This would be priceless #LoveYA100
Hey!
this is an item on the wishlist – i’ve noted your +1 for the idea
Cheers
Yasssss!! This is a top feature for me and many of my clients these days (especiaily since android mobile browser platform finally caught up w iOS and provides smooth mobile parallax now) BIG UPS all ways my beloved $alient and ThemeNectar Fam!
Cheers as always
is there a way to add a houzz icon to the social media section?
Hey, as of now the only way to use the houzz is with the nectar icon shortcode – are you referring to the footer/header area which is configurable in the options panel?
I generated a script code from MailChimp to do a pop-up sign up form for my email list. I put it in the header.php, head section (as you recommended six months ago to another user) and it causes my page to not load (it spins). Where is the best place for this code?
Hey,
It’s possible it was entered into the wrong area in the header.php, is there anyway you could share the URL with the error present so I can take a look?
Cheers
Here is a picture of where I placed it, in header.php, inbetween the head tags. I can’t keep it live in the code because it causes the entire website to spin and never load.
http://pgrin.com/wp-content/uploads/2016/05/header.pngHey,
try changing the position to be after the wp_head line – if that doesn’t work kindly allow me to see a screenshot of what the browser console reports when loading the page so I can see the error
Cheers
I moved it under the wp_head line and it’s the same. Here are the console errors: http://i1.wp.com/pgrin.com/wp-content/uploads/2016/05/pgrinerror.png
Apologies, that link is restricted. Here’s an open one: http://pgrin.com/wp-content/uploads/2016/05/pgrinerror.png
Hey,
Can you try disabling your third party plugins to see if that allows your custom script to work? The error showing up doesn’t appear to be from a Salient file
Cheers
I deactivated every plugin (including Salient Visual Composer) and the page will still not load with this script. Any other ideas? It’s driving me crazy.
Hi, in the theme skin option it says “Theme Skin This will alter the overall styling of various theme elements” I only seem to have Ascend (I believe because this was the only dummy content I uploaded) and original.
Where can I find out what exactly changing the skin will alter?
Hey,
The ascend and original skins are the only two available – the ascend demo was only named such because it was the first to use the ascend skin. The actual demo setups are available to import from the demo importer tab in the Salient options panel. The ascend skin changes the header icon layout, the header search, the input styling and various other little tweaks for an overall more minimal feel
Cheers
When I go to ascend demo, there’s a hamburger on left for menu and a hamburger on right for side widget area. I’ve activated ascend for my website, but left hamburger is not showing up on mobile. teamidea.org
I got the menu to show (deactivated 3rd party plugins and changed mobile menu to not be sticky), but the logo doesn’t seem to shift accordingly. It’s up against the left edge, so menu and logo are on top of each other.
On the demo, the logo seems to stay centered as you decrease the window size on a desktop. On mobile, it appears to be centered. How do I get my site to do that?
Update. It seems to center on all pages except homepage. I’m using “landing/extended.” Note: when I uncheck the slider so it’s not full screen or full width, then the menu stays centered. This seems odd b/c it stays centered on the demo and I haven’t done anything to the site besides upload the dummy content.
Hey,
On your URL I’m not seeing an off canvas menu area activated – just the default menu on desktop/mobile. Could you turn back on the off canvas menu so I can see the centering issue?
Cheers
I stumbled upon the option to turn off the “off canvas menu” and that’s actually my preference which coincidentally fixed my centering issue. So problems solved!
Hey, glad to hear
Cheers
Hi, within the portfolio there doesn’t seem to be a way to indicate where the header image should align too ie bottom, top center, it seems to align in the center, but that’s not working for my image here http://www.laflammephoto.com/portfolio/bridal-party/
Also, when I stretch my browser out the focus on the image gets higher and higher until you can only see the top of the header; doesn’t seem to matter if I turn parallax on or off, is there a way to change this? Thanks
Hey,
Add this into the custom css box in the Salient options panel:
#page-header-bg[data-bg-pos="top"] .page-header-bg-image {
background-position: center!important;
}
Cheers
I have just released a plugin, CATAG, as a solution for some problems with categories and tags, about what I commented here earlier.
This plugin is really inspired by ThemeNectar’s blog header type (variable height minimal option) and, with this plugin, I am being able to display categories/tags/attributes inside the body of posts/pages/portfolios.
As it was made for being used with Salient, I freely offer you to provide it as a shortcode in order that other users of the theme could use its functionality.
The best greetings!
Hey, thanks for sharing!
You are always welcome, my friend: I wish this is able to enhace the theme.
Cheers!
Cheers!
){kind=link}
.){kind=link}
