#129413 Edit and remove button on blog grid

Landing Forums Jupiter WordPress Theme Edit and remove button on blog grid

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Robert Helle

    Can you help me change the text on the “read more” button on these articles:

    https://omhelse.no/test-grid/

    Also, how can I remove the button and edit the font size?

    Thanks.

    Mohsin Al-Rabieai Support Team

    Hi Robert,

    This is to remove the button:

    .mk-blog-meta .mk-teader-button {
       display: none;
    }

    And this is to change its font size:

    .mk-blog-meta span.mk-button--text {
        font-size: 14px;
    }

    In order to change the text, I recommend you to use the LocoTranslate plugin and translate the “Jupiter Donut” plugin with it. You can find the read more button inside it. However, I tried to use LocoTranslate to translate it for you and realized it shows an error related to your WordPress which has nothing to do with the theme. Apparently, it is not able to create the translation files for an unknown reason. You can check the error in your log files or check it with your web host support to see if it’s a file system permission issue or not. After resolving it, you can simply translate it using LocoTranslate.

    Bests

    Robert Helle

    Awesome. Change text possible?

    Mohsin Al-Rabieai Support Team

    Hi Robert,

    Ok appears like the issue with the Loco Translate is resolved. You may change the READ MORE text through LocoTranslate -> Jupiter Donut. I already changed the text to “Read More N”.

    Bests

    Robert Helle

    Thats great. Do you know how I can change the text color and font size as well? And make it responsive so that it does not break words in half on small mobiles?

    Amir Rather Support Team

    Hi There

    Try the below CSS:

    .mk-blog-meta span.mk-button--text {
        color: #dce4e8;
        font-size: 13px;
    }

    Regards

    Robert Helle

    Sorry. I was unclear in my explanation. I meant change this for the post title.

    Amir Rather Support Team

    Try this CSS instead:

    .mk-blog-classic-item .the-title a, .mk-blog-modern-item .the-title a {
        font-size: 18px !important;
        color: #999999;
    }

    Regards

Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
Login