taryarlwin

Nevermind, already found fading effect css for default slider. I will mark this post as resolved.

For those who may have same question like me, you can use following css to make fading slider.

/* START OF Change Slider to Fader */
/* Make Carousel fade – adapt 2s to required delay */
.carousel-inner > .czr-item {
-webkit-transition: opacity 2s ease-in-out ;
transition: opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity: 1;
z-index: 1;
left: 0;
}
.carousel-inner > .active.left {
opacity: 0;
z-index: 2;
left: 0;
}
.carousel-inner > .active.right {
opacity: 0;
z-index: 2;
left: 0;
}

/* remove previous/next arrows from home page only */
.home .carousel-control {
display: none ;
}
/* END OF Change Slider to Fader */

Thank you for your help Rocco. But still couldn’t see the search icon. I have no idea where did it go wrong. Already try clear cache and browse too.

Please check the result here: https://demo.tdstech.com/

Edited Code:
/* Add a magnifying glass in front of search box*/
.my-nav-menu-search .search-form:before {
font-family: ‘FontAwesome 5 Free’;
content: ‘\f002’;
position: absolute;
font-size: 19px;
font-weight: 900;
top: 5px;
left: 5px;
}

Thanks Denzel. Understood for the hashtag.
How about the id for ‘Post List’? Or is there anyway to add new id by myself in child theme for Front Page?

Anyone?

Thank you. I can change the background color and text color with following code.
#pref-cta {
background-color: #cbd5a6 !important;
color: #87828c !important;
}
But I can only change the body text color. How can I change the title text color and size?

For example with your site, http://demo.styledthemes.com/preferential-lite/
How can I change the color and size of “AN AMAZING THEME CALLED PREFERENTIAL LITE”?

Thank you.