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.

Hello,

You can add this code in Custom CSS:

.recentCarousel .slide-item .caption p{
   text-align: justify;
}

Regards,
Rose Tyler.

Hello,

You are welcome!

Regards,
Rose Tyler.

Hello,

How to find share url for Instagram you can read here:
https://help.instagram.com/372819389498306

Regards,
Rose Tyler.

Hello,

You need to disable footer demo blocks in 8Theme Options->General->Footer.
https://www.8theme.com/demo/docs/classico/index.html#footer
Footer can be edited in Static Block section. To enable Visual Composer editor for static block go to Visual Composer > Role Manager > Post Types > Custom > tick “static blocks”.
Also you can go to Appearance > Widgets > remove “Static Block” widget from Footer widget area.

Regards,
Rose Tyler.

Hello,

Use this css code:

.footer-top a {
  color: black;
}
.footer-top .wpb_wrapper {
  text-align: center;
}

Also, you can read the article and watch the video: https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/

Regards,
Rose Tyler.