Hey Ryan,

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

.cart .quantity input.plus, .cart .quantity input.minus {
background-image: none;
display: inline-block;
vertical-align: middle;
border: none;
position: relative;
transition: all 0.25s ease;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
-webkit-transition: all 0.45s cubic-bezier(.15,0.2,.1,1);
border-radius: 50px !important;
background-color: #fff;
-webkit-appearance: none;
}

.quantity input[type=number] {
font-weight: 700;
font-size: 24px;
border: none;
margin: 0 10px;
display: inline-block;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5px;
text-align: center;
vertical-align: middle;
background-color: transparent;
width: 46px;
position: relative;
}

2.

.woocommerce table.cart .product-thumbnail a img {
 display: none!important;
}

.woocommerce-cart .woocommerce table.shop_table td a {
  pointer-events: none;
}

Cheers

Thanks!!! You’re the best!

You’re welcome CarolinaCobraConnection

Thanks! I have a couple more questions

1. When I click add to cart on a certain item it reloads the page. Is this AJAX? How do I enable this.

2. The +/- buttons in the actual cart are not updating to the changes I have made in the css you provided. However the do appear correctly in the table on the page I provided. https://nccobramoto.com/table-test-inlet/

3. The remove from cart X in the cart is not working.

4 Can I disable cart quick view when you hover over the cart button?

5. Is it possible to get the add to cart button to stay on the same line as the quantity selector instead of underneth?

Thanks

Ryan

Hey CarolinaCobraConnection,

1. Can you let me know what location you’re referring to? e.g. The items on https://nccobramoto.com/table-test-inlet/ or in the shop archive pages?

2. The snippet I provided was only targeting the buttons outside of the cart page – you can change the selector ”#ajax-content-wrap .cart .quantity input.plus, #ajax-content-wrap .cart .quantity input.minus” to ”.cart .quantity input.plus, .cart .quantity input.minus” to target all of them

3. The previous snippet I provided in #2 needs to be altered to be this instead:

.woocommerce table.cart .product-thumbnail a img {
 display: none!important;
}

.woocommerce-cart .woocommerce table.shop_table td.product-name a {
  pointer-events: none;
}

4.

#header-outer .nectar-woo-cart .widget_shopping_cart {
 display: none!important;
}

5.

@media only screen and (min-width: 1100px) {
.footable.table .quantity {
    float: left;
    margin: 10px 0 0 30px;
}
}

Please use the support forum located here for future multi css related questions: https://themenectar.ticksy.com/

Cheers

I have been unable to get the desired output when trying to change the quantity button size. The code you provided does change the size of the quantity buttons on the cart page but not on the URL I have provided.

Is there a way if I could remove the quantity buttons all together and just have the field where you can change the quantity?

Okay, I got all the +/- buttons to change size, that is no longer an issue.

Last question & I believe the only thing I have left at this point is the page reloading when you add an item to the cart. Do you know a way that the user can add an item to the cart without the page reloading on the page

Hey CarolinaCobraConnection,

The default “Add to cart” element that Salient offers in the page builder should allow the use of AJAX by default. Are you using a third-party plugin to add those?

I attempted to use 3rd party plugins to get this to work but none of them did. I have enabled AJAX in the woocommerce settings and I cant get it to work using the default “add to cart” salient element.

Hey CarolinaCobraConnection, Can you please open a ticket in regards on the support forum with a temporary admin account so we can take a closer look into this? https://themenectar.ticksy.com/

Thanks in advance

Hey OliwierGesla, even in v10.0.4 the option to “Bypass Image Cropping” loads the “full” size of the image. Do you have a test URL which you can share to demonstrate the difference you’re referring to?

Thanks in advance

Hey Media29,

1/2. Please share the site URL in regards so I can take a look at the form/menu issue issue

3. In order to fill the entire section, you’ll have to activate the “Fullscreen Slider” option within the Nectar Slider element itself

Cheers

Ahh, I realise why on the nectar slider; on the actual row & had it set to full width content which didn’t show the full screen option on the nectar slider VC module.

Site is: http://www.fireplacefactoryoutlet.com/

User/Pass is: client 123456789

You may need to enter it twice as I believe it restricts both root & www

Thanks Media29,

1. The contact form button is not submitting due to the custom scroll plugin which overrides custom click events – you can either disable the option for “Row Overflow” https://ibb.co/sCFykDk and reduce the height of that section, or an edit would be needed in the salient/js/third-party/jquery.fullpage.min.js file at line 201 – click: true would need to be click: false

2. I’ve added the fix into the current beta for that menu style to also trigger closing when clicking on an anchor-based page link. If you’d like early access, please reach out via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Point 1: Thanks, but the row overflow hidden is no good as it hides the content so I edited the file on line 201 & works fine now.. thanks. Will you include any fix for this in future releases or maybe a settings toggle on/off?

Point 2: Thanks, is there a quick fix I can add to the code or would it be best requesting the beta access?

I love the full screen sections but I had a request recently which I don’t think I could do but would be awesome to see. It runs on the premise of the full screen scrolling sections but there’s multi-direction movement i.e instead of just up/down there is the ability to go left/right.

Hey Media29,

1. I’ve noted it as an option in regards

2. Are you comfortable editing javascript? If so, I can explain it here but if not, it would be easiest to grab the fixed version.

3. As of now this type of scrolling wouldn’t be possible, but that is indeed a cool idea!

Hey brianlichty,

You can use the following CSS to handle that:

.portfolio-items .col {
    transition: none!important;
}

Cheers

awesome, thanks. Is it possible just to have them fade in?

Hey mrittman, as of now that would require modifying the recent posts template file in the salient-core plugin. The file is located at salient-core/includes/vc_templates/recent-posts.php and the relevant modification would be to all the instances of:

'ignore_sticky_posts' => 1,

Cheers

Thank you! Is there a way to make sure this doesn’t get overwritten when there are updates to the theme?

BTW, you can check this out @ www.plurisrealty.com

Hey pluriscapital,

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

header#top nav > ul > li[class*="button_solid_color"] > a:before, 
#header-outer.transparent header#top nav > ul > li[class*="button_solid_color"] > a:before {
    height: 100%;
}

Cheers

Thanks for the assist. I have cleared cache and everything and still cannot seem to get this to work? Sorry to be a pain on a simple little deal. Any thoughts?

Hey mardoqueo,

I’d be glad to assist if you can share your URL in regards so I can take a look.

Cheers