Okay
  Public Ticket #2570880
Read more button
Closed

Comments

  •  26
    Veerle started the conversation

    Hello,

    My clients wants a 'read more' button below each blog post intro. So I added this code : 

    html .ascend #search-results .result span.bottom-line, html .ascend .masonry-blog-item span.bottom-line, html .ascend .masonry-blog-item .more-link {

        display: block!important;

    }

    .post .more-link span,.blog-recent .more-link span{

    background-color: #afe6e0;

    width: auto;

    cursor: pointer;

    padding: 8px 8px;

    border-radius: 2px;

    webkit-border-radius: 2px;

    }

    It works fine (see attachment), but the text 'Read more' should be replaced by the Dutch equivalent 'Lees meer'. Could you please tell me where I can do this?

    Also I see that a thin grey line was added when adding this code. Could you please tell me how this line can be adjusted (smaller width and change of colour)?

    Many thanks in advance for your help,

    Kind regards,

    Veerle

  •  2,965
    Andrew replied

    Hi Veerle,

    Try using this Plugin : https://wordpress.org/plugins/say-what/ . 

    In The "Text Domain" field write "salient" or "salient-portfolio" without quotes . If you are trying to change woocommerce words  add "woocommerce" in "Text domain". The fields are case-sensitive meaning "next project" won't work and you will have to add "Next Project" .


    5577047627.png


    Kind regards.

  •  26
    Veerle replied

    Hi Andrew,

    Thanks for this plugin tip!

    I also see that a thin grey line was added when adding this code. Could you please tell me how this line can be adjusted (smaller width and change of colour)?

    Thanks in advance & kind regards,

    Veerle

  •  2,965
    Andrew replied

    Hi Veerle,

    Add the following css:

    .masonry-blog-item .bottom-line {
        background: none;
    }
    

    Hope this helps.

  •  26
    Veerle replied

    Hi Andrew,

    Many thanks for your help. Please note that I do not wish to hide the line but I want to alter it (color, thickness, size, center position). I succeeded in altering the size but I can't change the color or position with this code:

    .masonry-blog-item .bottom-line {
    color: #afe6e0;
    margin: auto;
        width: 50%;
        size:2px;
    }

    Could you please tell me what is missing out?


    Kind regards,

    Veerle


  •  8,850
    Tahir replied

    Hey Again,

    Use the Below CSS instead.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .masonry-blog-item .bottom-line {
        background-color: #afe6e0;
        margin: auto;
        width: 50%;
        height: 3px;
    }

    Thanks


    ThemeNectar Support Team 

  •  26
    Veerle replied

    Hey Tahir,

    Thank you very much!

    Kind regards,

    Veerle