Hello,

Have you edited original style.css file?
We don’t recommend to do this because you’ll lost the changes after theme update.
Make all style modifications in Theme Options > Custom CSS.
You can add this code in Custom CSS:

.woocommerce-Price-amount {  
 color: black;
}

Also, provide screenshot for our better understanding and highlight what exactly you want

Regards,
Rose Tyler.

Hello,

To hide products count you need to comment the code in the wp-content/themes/legenda/woocommerce/content-product_cat.php file:

if ( $category->count > 0 )
echo apply_filters( 'woocommerce_subcategory_count_html', ' (' . $category->count . ')', $category );

We recommend to make any changes in theme source files in child theme https://codex.wordpress.org/Child_Themes so you won’t lose your customizations after the next theme update.

Regards,
Rose Tyler.

Hello,

Please read our documentation https://8theme.com/demo/docs/royal/index.html#!/3_one_page
Also, you can add this code in Custom CSS:

.menu-icon {
   display: none;
}
div.wpcf7 .wpcf7-form-control {
  max-width: 100%;
}
.wpcf7 label {
   width: 100%;
}

Regards,
Rose Tyler.

Hello,

You are welcome!

Regards,
Rose Tyler.

Hello,

As I see it’s working fine. Please see screenshot: http://prntscr.com/cqwqc6
Have you resolved the issue?

Regards,
Rose Tyler.

Hello,

You can add this code in Custom CSS for mobile:

.shop-full-width .products-grid.row-count-4 .product {
    width: 50%;
}
.shop-full-width .etheme_add_to_cart_button.product_type_simple {
    padding: 6px;
}

Regards,
Rose Tyler.

Hello,

You can try to use it https://app.prntscr.com for creating screenshots
Also try to add this code in Custom CSS:

.single-product .woocommerce-message {
    background-color: #75d69c !important;
    color: black;
}
.single-product .woocommerce-message .button {
    color: black;
}
.single-product .emodal.shown {
    background-color: antiquewhite;
    color: red;
}

Regards,
Rose Tyler.

Hello,

You can add this code in Custom CSS:

.fixed-header .menu>li a{
 color:#765c1e !important;
 font-size: 18px !important;
 font-variant: inherit;
 font-weight: bold;
}
.menu .menu-full-width .nav-sublist-dropdown ul>li>a{
 color:#765c1e !important;
}
.menu .menu-full-width .nav-sublist-dropdown ul>li.menu-item-has-children .nav-sublist ul li a{
 color:#765c1e !important;
}

Regards,
Rose Tyler.

Hello,

We’re glad to hear that your issue was solved.
If you have any questions feel free to contact us.

Regards,
Rose Tyler.

Hello,

You are welcome!
Please use this code:

.blog .active {
   display: none;
}

Your images have different original sizes. You should upload them with similar dimensions or add this code:

.blog-post img{
   height: 155px;
}

Regards,
Rose Tyler.

Hello,

You are welcome!

Regards,
Rose Tyler.

Hello,

You can add this code in Custom CSS:

.banners_top_row .effect-1 .mask {
   display: none;
}

Regards,
Rose Tyler.

Hello,

Try it:

.main-nav .menu > li .nav-sublist-dropdown {
    max-width: 200px;
}

Regards,
Rose Tyler.

Hello,

Also, you can add this code in Custom CSS:

.header.main-header {
    background-color: #3f3d3d;
}

Regards,
Rose Tyler.

Hello,

Please provide us with link to your site.
Also, you can read the article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/.

Regards,
Rose Tyler.