Hey BlueScreenPanda, what CSS are you referring to? Can you also share your URL in regards?

Thanks in advance

I’m referring to the CSS you give us when we ask to tweak things that aren’t implemented in the dashboard. Like, I was trying to make the text on mobile (only) show smaller, but the code you gave me no longer works.

Hey trocity,

If you could kindly provide a URL that Salient is active so I can take a look it would be helpful in assisting

Hey nimagnejad,

As of now that would require custom modding or the use of a plugin, however i’ve noted your +1 for the idea on the wishlist

Cheers

Hey Realwann,

Yes, WooCommerce can be used with any of the demo starting points offered. All of the Salient studio templates are available for any page as well regardless of what demo you import http://themenectar.com/docs/salient/salient-studio/

Cheers

Hey rabihk,

If you have a ticket open in regards please let me know the ticket ID so I can take a further look into the site, if you don’t – please send an email in regards with your site URL/temp login credentials using the contact form on my author page: https://themeforest.net/user/themenectar

Thanks in advance

Okay I fixed the logo issue! That was my fault. Is there a way to change the button color from purplish/pink to Green? Thanks!

Hey GeekyG123,

1. Have you checked the Salient options panel > header navigation > transparency tab as well?

2. You can alter the color by editing the “Accent colors” in your Salient options panel and then switch between them when you edit the “Recent posts” element inside of the page builder

Cheers

Hey wints77, you can reach out via the contact form on my author page https://themeforest.net/user/themenectar

Thanks. I have emailed you the link.

Thanks

Hey RollingSpoke,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

html .ascend #respond {
    max-width: 900px;
    margin: 0 auto;
}

Cheers

That’s perfect, thanks Nectar!

You’re welcome RollingSpoke

Hey ttugalev,

Could you kindly share the actual page URL so I can take a look in regards?

Thanks in advance

Cheers sirchadlington

Strange it had something to do with dynamic-combined.css, even though it was saved post change, I clicked off the option and it worked. anyway, its a minor thing

Hey MatthewMurdoch, thanks for reporting – i’ve noted to test in regards

Hey silverlithomes,

Please share your URL in regards so I can take a look

Cheers

Hey silverlithomes, I’m seeing the text render very small on the devices I just checked:

Hey Businessnetworkdesigns

Salient currently supports Youtube video backgrounds (vimeo would require custom development), just make sure you’re using a relatively new version of the included page builder. You can find the setting here: https://ibb.co/fHNESz

Cheers

Hey alisonleon,

The row containing the text “WE’RE MUZIKA A CREATIVE LIVE…” has 15% padding set on the top – to get it closer to the shape divider row, simply remove that

Cheers

Thanks. If I change the padding to 0% is distorts the image above (shape divider) adn ther is still lota of space. Is there no way I can just have less space inbetweent he two roews so the text sits under the shape divider much more cloesely?

Hey Greyspark,

Please share your URL in regards so i can take a look at your current theme settings

Cheers

Hey guys, good to hear from you. Heres a link to a single product post on our site: https://greyspark.com/report/digital-transformation-emergent-fintech-engagement-trends-2018/

Hey Greyspark,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab to get something similar:

div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs {
  text-align: left!important;
}

.woocommerce div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs li:first-child a {
  margin-left: 0!important;
}

body div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs { overflow: visibile; }

html .woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border: 1px solid #d3ced2!important;
    margin-left: -50vw;
    left: 50%;
    width: 100vw;
    bottom: auto;
    top: -20px;
}

Cheers

full width backgrounds should be displayed on the sections titled ‘Saves you money…material…man power’

My bad! rouge CSS rule… ignore this! thanks

Hey sam_lee1985, glad to hear you sorted it

Cheers

Hey beautifulworld,

We added support for styling with the core Gutenberg elements, and updated the version of the page builder which now includes an option to disable the Gutenberg editor in the WPBakery Page builder settings. The author of WPBakery page builder will be releasing another update to allow the page builder to be used automatically after Gutenberg is active by default

Cheers

Hey MarcGarner, add this into the custom css box in the Salient options panel to fix that issue with the variations for now:

body #header-outer ul.product_list_widget li:hover dl dt, 
body #header-outer ul.product_list_widget li:hover dl dd {
  color: #000!important;
}

Cheers

Works great, amazing support as always. Thanks.

You’re welcome MarcGarner

Hey Fodert,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab

#fp-nav.right {
    right: auto;
   left: 20px;
}

#fp-nav.transparent ul li .fp-tooltip.right {
    left: 20px;
}
#fp-nav ul li .fp-tooltip .tooltip-inner {
  left: 30px;
  right: auto;
}

#fp-nav.transparent ul li .fp-tooltip .tooltip-inner:after {
  display: none;
}

#fp-nav.transparent ul li:hover .fp-tooltip .tooltip-inner, #fp-nav.transparent.fp-show-active a.active + .fp-tooltip .tooltip-inner, #fp-nav.transparent ul li:hover .fp-tooltip.right .tooltip-inner {
  transform: translateX(-5px);
} 

Cheers

excellent. how to make text clickable too?

Hey Fodert, could you kindly log in to the user account which has a current license for Salient? I’m not seeing one attached to this username

NO

there is no image on the main post on the main page from your mobile device. it’s not the cache

Hey Nicko_217,

Thanks for clarifying what the issue was from the screenshot, that issue can be fixed with the following CSS

body[data-remove-m-parallax="1"].using-mobile-browser .nectar-recent-posts-single_featured.parallax_section .nectar-recent-post-slide .nectar-recent-post-bg {
    opacity: 1;
  }