Hello,

1. These strings can be changed via translation files, for example, https://prnt.sc/jtx20m > http://prntscr.com/jtx3d6
https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/ (this article for xstore theme, but for royal it works in same way)
There is no option for the background, but you may use custom css code (Theme Options > Custom css):

.modal-dialog.text-center {
    background-image: url(https://8theme.b-cdn.net/wp-content/uploads/2015/05/NewsletterImg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

2. I am glad that you sorted out.

Regards

Hello,

You’re welcome!

Regards

You’re welcome!

Regards

I would recommend setting settings for your columns separately, not via custom code you provided.
For example, select “Stretch row and content (no paddings)” for row and write margin-right via Design Options.
https://prnt.sc/jtln07 – you need to use custom css code:

.home .main-nav {
    margin-bottom: 0px;
}
.home .page-content {
    padding-top: 0px;
}

https://prnt.sc/jtln1t – set margin value according to this screenshot http://prntscr.com/jtlwk1
Please try – http://prntscr.com/jtlxhm
Do not forget about Custom Row Layout – https://prnt.sc/jtly7o

Regards

Hello,

Please check if this works in the same way with the default WC theme (Storefront).
In case, the problem occurs with our theme only, provide us with temporary FTP access.

Regards

What exactly have you tried?
Also, please, describe the desired result in more details.

Regards

Hello,

The theme has no such features implemented, but you can maybe find a plugin that can provide this functionality.

Regards

Great. Have a nice day.

Regards

Hello,

Please edit the page using VC to achieve the desired result http://prntscr.com/jtk5eu http://prntscr.com/jtk609
https://wpbakery.com/video-tutorials/
For example, this margin comes from Design Options of row – http://prntscr.com/jtk6fs

You can inspect code on site using inspector tools. To access it, open a web page or web app in Google Chrome. Either:
-Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
-Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.

Feel free to ask if you have any other questions.

Regards

@media (min-width: 1290px) {
.header .container {
    width: 1270px;
}
}

Regards

Hello,

Please use this code:

.header {
    margin-top: 0px;
    margin-bottom: 0px;
}

Regards

Please try this code:

.single-product h2.product-name, .single-product-page .product-info h4, 
.single-product-page .product-info .sku_wrapper, 
.single-product-page .product-info .posted_in, .single-product .quantity-box label, 
.single-product-page .share-title, .single-product .tabs .tab-title.opened, 
.single-product .tab-content h2, .single-product .page-content strong, 
.single-product .title span, .single-product h3.product-name a,
#content_tab_additional_information table th, #content_tab_additional_information table td  {
    color:  #1e1e1e;
}
.single-product .quantity input[type=number]{
    color:  #1e1e1e !important;
}
.single-product .page-wrapper, .single-product .page-content {
    background-color:  white;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.single-product .header-wrapper {
    background-color: #151515;
}
.single-product .title span, .single-product select, .single-product .quantity input[type=button], .single-product .quantity input[type=number], .page-heading .container,
#content_tab_additional_information table th, #content_tab_additional_information table td {
    background-color:  white !important;
}

Regards

Hello,

1. I do not see the problem http://prntscr.com/jtjcjs Please clear cache and check one more time.
2. Please add this code in Theme Options > Styling > Custom css > Custom css for desktop:

.mega-menus-full-width .menu-wrapper .menu > li.item-design-mega-menu,
    .fixed-header > .container {
        position: static;
}
.mega-menus-full-width .menu-wrapper .item-design-mega-menu .nav-sublist-dropdown {
    width: 100%;
}

Regards

Add the code in custom.css of parent theme or in style.css file of the child theme.

Regards

Hello,

Please try to use this code:

.single-product h2.product-name, .single-product-page .product-info h4, 
.single-product-page .product-info .sku_wrapper, 
.single-product-page .product-info .posted_in, .single-product .quantity-box label, 
.single-product-page .share-title, .single-product .tabs .tab-title.opened, 
.single-product .tab-content h2, .single-product .page-content strong, 
.single-product .title span, .single-product h3.product-name a {
    color:  #1e1e1e;
}
.single-product .page-wrapper, .single-product .page-content {
    background-color:  white;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
.single-product .header-wrapper,
.single-product .page-heading {
    background-color: #151515;
}
.single-product .title span, .single-product select, .single-product .quantity input[type=button], .single-product .quantity input[type=number] {
    background-color:  white !important;
}

Regards