Sandip Giri

Hi There

Can you please send me your Website Url and also the screenshot if possible?

Thank you !!

HI Richpaine!

Maybe the following link help you hopefully.

Click Here

Thank you !!

Hi There !!

I have been using WP Ocean for a long time my primary concern is to help others as I can.

I will strictly follow the guidelines and apology if there are any rules I break.

Hi there

For the product title please add the following code into your function.php files

And please just replace number 2 as much as how many character you want on your title.

add_filter( 'the_title', 'shorten_woo_product_title', 10, 2 );
function shorten_woo_product_title( $title, $id ) {
    if ( ! is_singular( array( 'product' ) ) && get_post_type( $id ) === 'product' && strlen( $title ) > 2 ) {
        return substr( $title, 0, 2) . '…'; // change last number to the number of characters you want
    } else {
        return $title;
    }
}

Hi there

Not able to see your issues please click here : https://prnt.sc/rUKf10Qv7Rml

Thank You !!

Hi There!!

How you want your products want to show in cart page ?

This is how i found in my pc here : https://prnt.sc/YRG-46orRhEr .

Thank you !!

Hi There !!

It is hard to give the solutions without viewing the dashboard and its issues but i can give you solutions in the basis of general solutions.

Basically, this issue comes when the theme is not compatible with the WordPress files so please try to update your wp-WordPress in the latest version.

Also please try to update your all plugins that you are using from the dashboard.

Try to switch the theme and see the changes if it is working fine or not.

Thank You !!

Hi There !!

This kind of issue only occurs when we use the older version of any themes and plugins in our dashboard so make sure every plugin and theme you updated again if you got these issues please let me know.

Thank You !!

Hi There!!

If is there anything please let me know.

Best Regards !!

Hi there !!

Can you just send me the screenshot of exact section where you want to change the color?

so that i can send you some css .

Thank you !!

Hi There

Can you try to add this Css .

.woocommerce div.product form.cart .variations .reset_variations {
    display: block;
    float: left;
    margin-top: -10px;
    font-size: 11px;
    color: #999;
    font-weight: normal;
    border: 1px solid #eee;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    visibility: hidden;
}

Hi There !!

.main-header-bar .main-header-bar-navigation .page_item_has_children > a:after, .main-header-bar .main-header-bar-navigation .menu-item-has-children > a:after, .site-header-focus-item .main-header-bar-navigation .menu-item-has-children > .menu-link:after {
    content: "\e900";
    display: inline-block;
    font-family: Astra;
    font-size: .6rem;
    font-weight: bold;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
    line-height: normal;
	display: none;
}

Try to add this CSS >> Customizer >> Additional CSS

oh sorry was not aware of it.

Apologies Please !!

Hi there!!

You can reduce the font size for the product title to 13px it will make all the titles in the same line and also it will align both buttons of add to cart and read more in the same line.

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
    font-size: 13px;
    font-family: 'Lato',sans-serif;
}

Try to add the above CSS into your customizer>> additional CSS.

Best Regards !!

Hi There

.woocommerce div.product form.cart .variations .reset_variations {
    display: block;
    float: left;
    margin-top: -13px;
    font-size: 11px;
    color: #999;
    font-weight: normal;
    border: 2px solid #eee;
    padding: 3px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    visibility: hidden;
}

Please try to add this CSS on your customizer >> Additional Css

If you think you need a better solution please let me know at [redacted]

Best Regards !!

• This reply was modified 2 years, 6 months ago by Steven Stern (sterndata).