Website Design Templates Tutorial - Wordpress Blog 2

This video is continued part of previous video. To have a better understanding of the tutorial please also watch my previous video. Link of previous video is below.

Get Free 10 Days Hosting only at EISS Hosting
https://www.eiss.co.in/web-hosting-service/

Previous Video link: https://www.youtube.com/watch?v=n0udpz_efLM

You can also contact us for any Wordpress Website Development, Website Hosting, Domain booking and SEO Service of your website.
For more details visit our website
https://www.eiss.co.in

Do the below CSS Setting

Before

position:absolute;
top:57px;
right:-6px;
content:"";
border:4px solid transparent;
border-top-color:#2C477F;
border-left-color:#2C477F;

Main Element
border-radius: 3px;
border:1px solid #dedede;

After

position:absolute;
top:25px;
right:-7px;
display:block;
content:"Top Stories";
color:#F9F4F7;
background-color:#4573CC;
padding:4px 15px;
border-radius:2px;
z-index:2!important;



Slide Description
min-height:460px;
width: 35%;
min-width: 300px;
float:left;
padding: 57px 45px 50px 35px!important;
font-family: 'Alegreya Sans', sans-serif;
text-align:left;

Slide Title
font-family: 'Alegreya Sans', sans-serif;


Slide Button
padding:0!important;
margin-top:0;

Slide Controllers
margin-bottom:-55px;


Slide Arrows
color #ffffff!important;
background-color:rgba(0,0,0,.4);
font-weight:bold;
border-radius:2px;
-ms-transform: scale(1.2, 2.5); /* IE 9 */
-webkit-transform: scale(1.2, 2.5); /* Safari */
transform: scale(1.2, 2.5);



Below is the custom css settings


#fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
background-size: 70%;
background-position: top right;
padding-left: 0;
overflow: visible!important;
}

#fb-post-slider.et_pb_slider_with_overlay .et_pb_slide_overlay_container {
width: 30%;
min-width: 300px;
}

#fb-post-slider .et_pb_slide_content .post-meta {
height: 0px;
overflow: hidden
}
#fb-post-slider .et_pb_slide_content .post-meta .published {
position: absolute;
top: 32px;
left: 35px;
color: #898f9c;
font-size: 16px
}

#fb-post-slider .et-pb-arrow-prev {
display: none
}

#fb-post-slider.et_pb_post_slider_0 .et-pb-controllers a {
height: 8px;
width: 8px;
order-radius: 50%
}
#fb-post-slider.et_pb_slider {
overflow: visible!important
}

.et-pb-active-slide .et_pb_slide_description {
animation-name: fadeIn;
}
.et_pb_slide.et-pb-active-slide {
transition: opacity 2.5s!important
}

@media all and (max-width: 1252px) {
#fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
background-size: 90%
}
}
@media all and (max-width: 980px) {
#fb-post-slider.et_pb_post_slider_0 .et_pb_slide {
background-size: 100%;
background-position: top center;
}
}