Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 23, 2021 at 10:56 am #1311787
    markmade

    I would like to put an orange line in front of the Learn more link. See image

    https://staging.manfred-eibl.de/wp-content/uploads/2021/07/image_01.jpg

    July 25, 2021 at 7:37 am #1312172
    Rikard

    Hi Markus,

    Thanks for the screenshot. Could you post a link to where we can see the actual elements on your site as well please?

    Best regards,
    Rikard

    July 25, 2021 at 10:13 am #1312189
    markmade

    Willkommen

    July 28, 2021 at 6:18 am #1312915
    Ismael

    Hi,

    Thank you for the info.

    You can add this css code to create an orange line before the read more text. Adjust it as necessary.

    .read-more-link {
    position: relative;
}

.read-more-link a {
    padding-left: 40px;
}

.read-more-link:before {
    content: "";
    height: 1px;
    width: 30px;
    background: orange;
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
}

    Best regards,
    Ismael

    July 28, 2021 at 2:10 pm #1313042
    markmade

    Hello,
    unfortunately it doesn’t work. I see a distance, but I don’t see the line. See link

    Willkommen

    I’ve added the login details for the page below

    July 31, 2021 at 7:22 am #1313542
    Ismael

    Hi,

    It seems to be working as it should. Please try to remove the browser history and make sure to purge the cache. Let us know if that helps.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.