Hello,

trying to respond to your questions inline (bolded)

Q-1. How to change blog background color into black and same time blog font color into white?

You need to set the blog page background color to black. Leave the Blog page blank in Settings -> Reading if you have a page with Blog Template

Q-2. Is it possible to change scroll bar color and thickness? How to change that?

Which scroll bar, the default browser scroll bar? I'm afraid not

Q-3. How to change loading percentage numeric into a progress circle? How to code that (please find the attachment)

the preloader is implemented in header.php lines 14 to 31 

This div represents actually the percentage

<div class="percentage" id="precent"></div>

Q-4. It is possible to change present letter social icon of yours into image social icon? Then, how to do that, also currently i can add only 5 social links, want to add about 7,what to do for that? ans also want to remove popping 'follow us'and 'share icon', just need only the icons. 

yes if you are using fontawesome icons files you need to change:

/include/defines.php  (to change the social link IDs for example 'Fb' to 'facebook' so that the ID will be part of the social icon class, following the example 'fa fa-facebook' )

then in /sections/footer_social_links_section.php you need to change line 15

Q-5. Is it possible to set an image for error 404? How? 

By modifying 404.php file

Q-6. In full-screen slider need to change into loop the images,don't want end up on last one. what to do for that? and also is it possible to make automatic slider? how? 

That's something you need to change in /js/scripts.js where the slider is initialized

line 1423   var swiperOptions = { ...

check the loop variable and autoplay

whenever you change /js/scripts.js hard refresh the page (Ctrl+F5) to see the changes

Q-7. Want to change the round cursor just want mouse default cursor only, how? 

try adding

#ball {
    display: none;

}

in customizer -> additional CSS

Q-8. How to optimize full-screen slider image in mobile view? how to adjust the positions and scale of the image prefect for mobile view? and also how to adjust menu font size and header logo size in mobile view? 

the fullscreen image is basically adjusting to the current viewport

My fullscreen parallax image is not responsive and does not scale well

you need to add different images for mobile but that involves custom work in showcase-page.php involving a function such as wp_is_mobile

https://developer.wordpress.org/reference/functions/wp_is_mobile/

for logo simpler, you can use media queries for mobile for example 

@media only screen and (max-width: 479px) {

    #logo img {
        height: 40px;    
    }

}

in customizer -> additional CSS, change the height, the width is auto

Q-9. how to change the names of 'view case' & 'click and hold' in full-screen slider 

in showcase page options (see Showcase Template tab)

Q-10. How to turn off image and video tilt in full-screen slider?

look for this in /js/scripts.js

// Tilt Showcase Wrapper
var maxTilt = 1.5;
var mouseX, mouseY;
$(document).on("mousemove", function(event) {
mouseX = event.pageX;
mouseY = event.pageY;
});
$('#showcase-tilt').each(function() {
var thisWidth = $(this).width();
var thisHeight = $(this).height();
var thisOffset = $(this).offset();
$(document).mousemove(function() {
var horTilt = ((mouseX / thisWidth) * (maxTilt * 2)) - maxTilt;
var verTilt = (((mouseY - thisOffset.top) / thisHeight) * (maxTilt * 2)) - maxTilt;
TweenMax.to('#showcase-tilt', 1,{rotationY: horTilt, rotationX: verTilt, scale: 1.05, ease:Power1.easeOut});
});
});

and try to remove it

Q-11. How to use the API token correctly? I've a valid API pin from google, but it is not working, I've checked for the error using inspect element and it shows like this (please find the attachment), and also I'm in maintenance mode, is that the problem? but i checked by adding API in live mode and yet not worked.How to handle this. 

if looks like you need to authorize your contact page url in your Google Key API settings

Q-12. How can edit your templates like story,blog,small-carousel,etc? where i can find it? (need to change story into a grid view) 

you need to modify the corresponding page template files: blog-page.php, carousel-page.php, single.php

Q-13. How can I create exact button like 'view case' in full-screen slider into about page or contact page as 'DOWNLOAD CV'and 'CONTACT ME' with Navigation Caption and Click-and-Hold Navigation Caption and how to turn off the button following the cursor hover effect in full-screen slider

You can add a button block (or shortcode) outline and rounded:

https://d.pr/free/i/1YgJKt

Hello,

responding inline, bolded, as before

Q-2. Default browser?! 🙄 No! Is this the default browser scroll bar or your themes'? (PFA)  If it is yours, how to change the thumb size, transparency and color

Got it. The styles are added by the smooth scrollbar library they can be seen by inspecting the element in the browser

https://d.pr/free/i/nCdrPr

so you need to take the styles and change them and add them to customizer -> additional CSS

Q-3. I wish to change the preloader like this (PFA). I have no great idea about coding and what to change in between lines 14 -30 in header.php. If you know what to do for get a preloader like in this GIF, then please explain the steps to create a preloader like that.

I am not sure how to change the preloader to a gif, I've just showed where to change. Perhaps replacing the div id percentage with an <img> tag pointing to the gif

That's a customization that you need to implement it yourself, plz review Envato support policy

We can give you guidelines but you need to work out the details.

Q-4. Thanks, it worked well for changing the icons and adding more icons, but when adding more icons (more than 5, I added up-to 7 by changing define ( 'SATELITE_MAX_SOCIAL_LINKS', 7 ); in '/include/defines.php' ) then now, the alignment of icons are showing in error order in desktop, tablet and mobile mode. I'am attaching an image to show the error. (PFA). (And what are you suggesting to change in 'line 15 in /sections/footer_social_links_section.php', I don't understand it, and like I said, I don't know much about coding.)

You need to change line 15 so that instead of the acronym you will display the fontawesome icon

Q-6. Thanks, I turned on loop and auto-play, it worked but a problem caused, the first and last portfolio's tittle and portfolio number overlapping while scrolling manually, I also tried by turn off auto-play,  hard refreshed the page many times, and also tried in vertical slider order, but unfortunately it shows the same error. This error is also showing in tablet and mobile mode as same as in desktop mode,  I'am attaching a video file in order to show the error (PFA).

That's a customization that you need to implement it yourself, plz review Envato support policy

We can give you guidelines but you need to work out the details.

Q-8. Adjusting the size of logo in mobile mode worked well too, i also want to adjust the menu font size in mobile mode, what to do for that? Is there any way to adjust the position and size of a particular image in mobile mode by creating Additional CSS? If can please provide the code.

@media only screen and (max-width: 767px){
.flexnav li a {
    font-size: 7vw;
}

}

for top menu items and

@media only screen and (max-width: 1024px){

.flexnav li ul li a {
    font-size: 12px; 
}

}

for submenu items

Q-12. Okay, What to do in those .php in-order to get the story template in to a grid view.

I'm not sure exactly what you are trying to achieve that's where the page templates are implemented (Showcase, Carousel, Blog).

Q-13. It worked well, thank you. 🙂 How to remove the following the cursor effect of the button in full-screen slider?

in /sections/footer_section.php try removing parallax-element from line 17

<div class="button-icon parallax-element">

Q-14. It is shows that in copyright text 'This is the copyright text displayed in the footer if there is no background music.' Want to show the copyright and sound sound bar above the copyright at the same time. How to enable both same time?Also sound bar is not shown in mobile and tablet mode, how to enable it.

plz understand that the kind of changes you are asking for cannot be done on the fly. It implies also CSS changes and others that are beyond the scope of support. Thank you for understanding.

Hello,

regarding social icons plz provide wp admin access in a private comment (wp admin url, admin username and password) so we can have a look and help you there.

Hello,

1. I'm sorry I suggested how to change the loop but it's obviously it requires more custom work, which we don't do at this time. We recommend keeping the original setting in order not to break the slider

2. I added 

.socials-wrap {
   width: 280px;
}

in customizer -> additional CSS

3. what is the default scrollbar can you give us more details? I enabled Smooth Scrolling in customizer -> general settings

Hello I fixed it with

.socials-wrap {
   width: 360px;
}

.socials-wrap:hover .socials li:nth-child(6) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);
}

.socials-wrap:hover .socials li:nth-child(7) {
transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
opacity:1;
transform: translateY(10px);
-webkit-transform: translateY(10px);
}

in customizer -> additional CSS

will ask our web designer but it's doubtful we have time for custom work at the present moment it's really busy here

Hello Safwan

Try disabling the ajax page transitions in customizer -> general settings

hi there smooth scroll is implemented using smooth scrollbar

https://github.com/idiotWu/smooth-scrollbar

Hi,

on your demo there is a pb accessing the 404 page I just the browser's page not found. Also I cannot find your styles in customizer -> additional CSS

if I go to our demo site, the title and subtitle are well centered on mobile so it must be something specific to your site  i need to check

Ok, not a problem, closing this ticket - if you need you can open a new one.

The Navigation Caption field appears in page options (so when you edit the page) in Showcase Template tab

So you need to change that for the page that has Showcase template

https://i.imgur.com/L52e1Zp.png

Hello,

the best way is to actually disable ajax in customizer -> general settings and use the unique class id generated by WordPress in the <body> element as prefix for yous css styles related only to that page:

https://i.imgur.com/oI8igVh.png

Try disabling click and hold since you don't really need it when AJAX is disabled.

I don't know what's going on there I need wp admin access to see what's wrong

Hi there,

so yes, the button does work (it navigates to the portfolio page) however, like I mentioned, the click and hold effect works only for ajax page transitions, for non-ajax it will go to directly to the target page.

Hi ,

try

@media only screen and (max-width: 1024px){
     #backtotop {
         display: block!important;
         top: 0px!important;
     }

}

in customizer -> additional CSS

Hi, yes try

.swiper-pagination-bullet:nth-of-type(n) .title {
    font-size: 85px !important;
}

in customizer -> additional CSS, where n is the slide number and replace the font size

Depends on the time, what kind of custom work?

The loop is easy to add - changing the initialization options - it's actually the loop sync between different elements in the page that are more complex to change.

Hello Safwan,

this link may help:

https://support.google.com/webmasters/answer/9689846?hl=en&visit_id=637225630322729187-4122388490&rd=1