Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #1599157
read more text
Closed

Comments

  •  1
    Onur tarakci started the conversation

    Hello!

    I want to add read more text to bottom of the text like blog view. when i am using buttons it has borders, and when i am adding link it is not as what i want. Can you write to me little code for this? Also where i can find shortcodes. 

    Please help

  •  104
    FlexiPress replied

    Hello Onur,

    You should use Text Block element instead of Button shortcode. Insert the following code inside Text Block

    <span class="vu_read-more-container"><a class="vu_read-more" href="#"><span class="vu_btn-2"><i class="vu_btn-icon-left vu_fi vu_fi-arrow-right"></i><span class="vu_btn-text">Read More</span><i class="vu_btn-icon-right vu_fi vu_fi-arrow-right"></i></span></a></span>

    and on Page Settings or DentalPress > Custom Code paste the CSS code below

    .vu_read-more-container {
        overflow: hidden;
    } .vu_read-more {
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
    } .vu_read-more .vu_btn-2 {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        background: 0 0;
        border-width: 0;
        border-radius: 0;
        color: #414141;
        line-height: 1;
        text-transform: none;
    } .vu_read-more .vu_btn-2 .vu_btn-icon-left {
        opacity: 0;
        left: -50px;
    } .vu_read-more:hover .vu_btn-2 .vu_btn-icon-left {
      opacity: 1;
      left: 0;
    } .vu_read-more .vu_btn-2 i {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        font-size: 14px;
        line-height: inherit;
        color: #a4d735;
        -webkit-transition: left .3s ease,right .3s ease,opacity .3s ease;
        -moz-transition: left .3s ease,right .3s ease,opacity .3s ease;
        transition: left .3s ease,right .3s ease,opacity .3s ease;
    } .vu_read-more .vu_btn-2 .vu_btn-text {
        line-height: inherit;
        padding-right: 25px;
        padding-left: 0;
        -webkit-transition: padding .3s ease;
        -moz-transition: padding .3s ease;
        transition: padding .3s ease;
    } .vu_read-more:hover .vu_btn-2 .vu_btn-text {
      padding-right: 0;
      padding-left: 25px;
    } .vu_read-more .vu_btn-2 .vu_btn-icon-left {
        opacity: 0;
        left: -50px;
    } .vu_read-more .vu_btn-2 .vu_btn-icon-right {
        opacity: 1;
        right: 0;
    } .vu_read-more:hover .vu_btn-2 .vu_btn-icon-right {
      opacity: 0;
      right: -50px;
    } .vu_fi-arrow-right:before {
        content: "\ebd6";
    } .vu_fi-arrow-right:before {
        content: "\ebd6";
    }

    Kind regards,


    FlexiPress Support

    Follow on     Envato     Facebook     Twitter

  •  1
    Onur tarakci replied

    Great! Thank you very much! I appreciate you.

    Regards 

  •  104
    FlexiPress replied

    You're very welcome!

    Best regards,


    FlexiPress Support

    Follow on     Envato     Facebook     Twitter