Скачать или смотреть How to Add Read More Text in Elementor WordPress | Read Less | Collapsible Text

In this wordpress tutorial for beginners you will learn how to add read more button text using toggle widget in elementor pro website page builder plugin. So we will add read more text using Class and Custom CSS. So first create toggle then add Class in Advanced and then Add Custom CSS with read less text. So when user click on read more then text show / expand and when click on read less then text hide on screen.

** Add Class " readmoretoggle ".

** Then Add CSS:

.readmoretoggle .elementor-tab-title.elementor-active::before {
content: 'Read Less...';
font-weight: 500;
font-size: 16px;
color: #000000;
}
.readmoretoggle .elementor-toggle-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column-reverse;
}
.readmoretoggle .elementor-tab-title.elementor-active a{
display:none;
}

#readmore #text #collapsible #toggle #css #class #elementor #elementorpro #elementorpagebuilder #wordpress #wordpresstutorial #webtaskwithhassan #hassangilani