Hello there,

Welcome to your support management and thank you for choosing our theme!

I apologize for the late reply, we have been getting a lot of messages daily and are trying our best to keep up with every request. I hope you can understand.

1- In order to move the widgets please copy the following code into Appearance > Customize > Additional CSS or Elated Options > General > Custom CSS

.eltdf-header-centered .eltdf-page-header .eltdf-menu-area .eltdf-vertical-align-containers .eltdf-position-right-inner {
    position: absolute;
    width: 100px;
    right: 20%;
    top: -100%;
}
.eltdf-header-centered .eltdf-page-header .eltdf-menu-area {
    z-index: 4;
}

2- Such an option, unfortunately, does not exist within the theme, we are sorry. Achieving this will require some custom coding, but we are not in a position to accept any custom work, because we primarily need to focus on providing Theme Support to all customers. We hope you understand.

In case you are not familiar with programming, you could hire someone to do this for you. You could look for someone who you can hire for this kind of job at the following link: - http://studio.envato.com

Thanks for understanding.

Hope this helps and if there is anything else that we can assist you with please don't hesitate to ask.

Kind regards,

Sean

Hi there,

I apologize for belated reply.

1) Regarding the cart button, you can add the following CSS code into Appearance > Customize > Additional CSS:

.add_to_cart_button .eltdf-btn-border-second, .single_add_to_cart_button::after {
    display: none !important;
}
.woocommerce-page .eltdf-content a.add_to_cart_button.eltdf-btn-double-border:hover .eltdf-btn-border.eltdf-btn-border-first, .single_add_to_cart_button:hover::before {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    border-color: #cdcdcd !important;
}
.eltdf-btn-border.eltdf-btn-border-first, .single_add_to_cart_button::before {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
}

You should get something like this:

Before hover:

On hover:

2) I'm not sure I can help you with this issue unless you provide us your site's URL and point to the concrete item you want to change color for, perhaps in a screenshot. When you provide URL, we can send you some CSS code to achieve the desired effect.

Best regards!

Joey