how to customize widgets + footer

Hi there,

Which part do you mean specifically?

Can you link me to the page on your site where you would like to implement this?
Currently I only see Elementor content (which then you will need to ask their support).

Let me know :)

i mean the widgets , check out the blog
you can see the widgets in this post , i just active the widgets only on post page
https://www.wparb.com/%D8%AA%D8%BA%D9%8A%D9%8A%D8%B1-%D8%A8%D8%A7%D8%AF%D8%A6%D8%A9-%D9%82%D8%A7%D8%B9%D8%AF%D8%A9-%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA-%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3/

What exactly are you looking to customize?

Like adding a border around search box?

add board around search and all the title on the widgets + some shadow etc

You can change the border color around search with this CSS:

input[type="search"] {
    border-color: #000;
}

Border around widget title"

h2.widget-title {
    border: 2px solid #000;
}

Shadow around sidebar widget would be:

.sidebar .widget {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

You can use this site to adjust the shadow CSS: https://www.cssmatic.com/box-shadow

Adding CSS: https://docs.generatepress.com/article/adding-css/

thanks alot but how to center the text ? ?

This should do:

.separate-containers .inside-right-sidebar {
    text-align: center;
}