Changing styles to arrows for carrousel in the home page

I need to change the style of the homepage arrows, I´ll been trying through
.owl-nav>div style. But the element doesn´t answer as a text. The only thing I could change is the color but no more.

I need to make it bigger and thicker and in color red, I deleted the style in Simple CSS plugin that is the one I´ve been working with.

Also I need something about the banners, for the text not to be overlapped.

I send you the screen shot of what I need and I´ll also thank that you tell me how you solved the problem.

Best

María Clara

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

As for the arrows:

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-products-tabs .owl-carousel .owl-nav div:before {
    font-weight: 900;
    width: 50px;
    font-size: 30px;
    height: 85px;
    line-height: 85px;
	  color:red;
}
body .basel-products-tabs .owl-carousel .owl-nav {
	top: -97px;
}

You can change the values as per your needs.

As for the banners, chose “Middle” in the content alignment and wrap this sentence in a div

Best Regards

[Author]

Posts