Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 13, 2020 at 10:52 am #1192853
    RainerKnappe

    Dear all,

    I am using Enfold on my blog. I set it up using the Lifestyle Demo.
    On the startpage there is a “Read more” button for each post which I would like to change a bit.

    On quick CSS I added this code which works for me:

    .slide-loop-1 .read-more-link a{
	border-style:none;	
        margin-top:15px;
}

    But this way I would have to add also .slide-loop-2, slide-loop-3 and so on.
    I am not too familiar with CSS but I thought there must be some kind of CSS-wildcard to use.
    I rechered a bit on the web and found this:

    .div[class^='slide-loop-'] .read-more-link a {
border-style:none;	
margin-top:15px;
}

    But this does NOT work.
    Can anybody help?

    Thank you in advance.

    March 14, 2020 at 4:54 am #1193041
    Rikard

    Hey RainerKnappe,

    There are other classes which you can target, you could try something like this for example:

    .avia-content-slider .read-more-link a {
  border-style:none;	
  margin-top:15px;
}

    Best regards,
    Rikard

    March 14, 2020 at 10:06 am #1193072
    RainerKnappe

    Hey Rikard,

    this workes great.
    Thanks a lot!

    Rainer

    March 15, 2020 at 4:10 am #1193157
    Rikard

    Hi Rainer,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 15, 2020 at 10:02 am #1193187
    RainerKnappe

    Hi Rikard,

    yes you can close the topic.
    Once again thank you.

    Rainer

    March 15, 2020 at 9:33 pm #1193309
    Victoria

    Hi Rainer,

    Great! :)

    We are closing the thread.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing CSS for Read More – Link (Lifestyle Demo)’ is closed to new replies.