Adjust Shipping options for both "cart"page and "checkout"page

Hi,

I have some minor adjustments that I would like to make on the shipping options for both the “cart”and “checkout”pages.

The shipping option titles on the “checkout” page are all flushed right.
Would you be able to flush it on the left instead and align the title “Shipping”on top of it.

Also, the “cart” page shipping option titles seem different from the “checkout”page.
The layout looks a little sparse as well. Would you be able to make it consistent by using the shipping option titles on the “checkout” page as well?

Thanks!

Hello,

Thank you very much for choosing our theme and for contacting us.

The default Woocommerce does not provide such an option and our theme does not either. Maybe you can search for a plugin allowing configure shopping cart and checkout.

Best Regards

i see, would love to see changes and improvement in the layout instead of using a plugin.
Thanks anyway.

I like to adjust the font type according to this menu here.
Would you be able to let me know what type of font is it?

wooden accessories> Font type
Featured products>Font type
Visit our shop to see amazing creations from our designers> Font type
BEST SELLERS> Font type

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

All these titles are font-family: Lato,Arial,Helvetica,sans-serif;

They have a different color, font-weight and font-size:

wooden accessories> Font type color: #989898; font-size: 14px;
Featured products>Font type color: #2d2a2a; font-size: 26px;
Visit our shop to see amazing creations from our designers> Font type color: #777;font-size: 110%;
BEST SELLERS> Font type color: #2d2a2a; font-size: 110%;

Best Regards

Hi,

I have tried but can’t seem to change anything. Is it due to previous demo import?
This is my screenshot of my typography settings. Can you assist me on which should i amend?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your page URL we shall provide CSS.

If your site is under maintenance please provide your site admin access.

Best Regards

Hi,

Did you receive my link for the CSS updates?

Hello,

There is nothing in the private area, please send your information again.

Best Regards

Hi,

Here is it.

Hello,

Class for sub-title: body .title-wrapper .title-subtitle class for title http://prntscr.com/m5dxjl

Tab label class is .woodmart-products-tabs.tabs-design-default .products-tabs-title .tab-label

Navigate to the Theme Settings > Typography > Advanced Typography and configure the styles as per your needs https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards

Hi Elise,

I have tried but it seems that the color hyperlink turned green although I have added the colors given by you.

The CSS changes seem to revert back to the original each time i try.

Hello,

Please provide your login URL. When I add wp-admin I get 404 error

Best Regards

this is the login details

Hello,

You have not configured anything in Advanced Typography. That is why no change.

1. Add this code to the Theme Settings > Custom CSS:

body .title-wrapper .title-subtitle {
    font-size: 13px;
   color:red;
}
body .title-wrapper  .woodmart-title-container {
  color:blue;
}
.woodmart-products-tabs.tabs-design-default .products-tabs-title .tab-label{
color:red;
} 

Change the color as per your needs.

In order to change the color of the Tabs enter the element and find the option http://prntscr.com/m5jmwg

Best Regards

yes thank you. I have fixed the CSS and type! Thanks!

By the way, I am having problems with the Mobile menu cart button. It is not displaying under mobile mode. Theme is updated to the latest as well as wp bakery.

Also, i like to change the notification cart bar background color. The top bar default is spinach green and bottom bar is mustard yellow.

I tried using this CSS below but its not working.

body .woocommerce-cart-notice {
background-color: #459647;
}

body.woocommerce-checkout .woocommerce>.woocommerce-info .amount {
color:#26ba45;
}

body.woocommerce-checkout .woocommerce>.woocommerce-info .button {
color:#26ba45;
border-color:#26ba45;
}

Hello,

I am checking your site I see Add to cart button on the product grid and on a product page. Please specify the problem.

If you want to change the message background color add this code to the Theme Settings > Custom CSS

body .woocommerce-message{
background-color:red;
}

Best Regards

Hi,

Yes got the message background color fixed with the CSS, thanks! But there is no fix for the mustard yellow, can’t seem to find it anywhere.

For the cart icon, yea its there. I wanted to hide the cart image for “your cart is currently empty” but accidentally hid the cart menu button instead. Is there a way to remove that cart image on the page instead?

Thanks!

Hello,

Here is the code for this message http://prntscr.com/m8eedi

body .woocommerce-info{
background-color:red;
}

Best Regards

Hi Elise,

I like to remove the shopping cart icon. Would you assist me in that? You can see the screenshot that i have attached here.
I think this should be all already.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Add this code to the Theme Settings > Custom CSS > Global

body .cart-empty:after,
body .cart-empty:before {
display:none;
}

Best Regards

[Author]

Posts