SP Page Builder SLIDER arrow

Titles

.sp-slider-outer-stage .sppb-container		{
	padding-top: 70px;
}
.sp-slider-content-align-left h1,
.sp-slider-content-align-center h1,
.sp-slider-content-align-right h1           {
    font-size:70px;
    line-height: 70px;
	max-width:700px;
    padding-bottom:10px;
    font-weight:700;
    text-shadow:0 0 8px rgba(0, 0, 0, 1.9);
}
.sp-slider-content-align-left h2,
.sp-slider-content-align-center h2,
.sp-slider-content-align-right h2               {
    font-size:50px;
    line-height: 50px;
	max-width:700px;
    padding-bottom:10px;
    font-weight:700;
    text-shadow:0 0 8px rgba(0, 0, 0, 1.9);
}
.sp-slider-content-align-left h3,
.sp-slider-content-align-center h3,
.sp-slider-content-align-right h3       {
    font-size:30px;
    line-height: 30px;
	max-width:700px;
    padding-bottom:10px;
    text-shadow:0 0 8px rgba(0, 0, 0, 1.9);
}

Button

.sppb-sp-slider-button .sp-slider-btn-text {
    display: block;
    color: #fff!important;
    background: #e53b40!important;
    padding: 14px 30px!important;
    font-size: 14px;
    border-radius: 3px!important;
    font-weight:700;
    margin-top: 10px;
}
.sppb-sp-slider-button .sp-slider-btn-text:hover {
    color: #e53b40!important;
    background: #fff!important;
}

Arrow

div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control {
    font-size: 50px;
    width: 40px;
    height: 40px;
}
div.sp-slider .sp-nav-control .nav-control {
    color: #fff;
    border: 0px;
    background: none!important;
}
.fa-angle-left::before {
    font-family: FontAwesome;
    content: "\f104";
}
.fa-angle-right::before {
    font-family: FontAwesome;
    content: "\f105";
}
Copyright © 2025 Siam Naulak.
magnifiercrossmenu