Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2022 at 3:14 am #1346686
    navindesigns

    mockup – https://ibb.co/Xxs48V3

    dev site – http://balrajt9.sg-host.com/

    How do I style “Read More” on the post slider? The post slider is located under UPCOMING EVENTS & ACTIVITIES. I would it to match the same button style seen on the other sections on my mockup labelled READ MORE.

    March 31, 2022 at 1:23 pm #1346736
    Rikard

    Hey navindesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_3 .avia-content-slider-inner {
    height: 330px;
}

.home #av_section_3 .avia-content-slider-inner .read-more-link a {
    border: 3px solid orange;
    border-radius: 5px;
    margin-top: 10px;
    padding: 8px 28px;
}

    Best regards,
    Rikard

    March 31, 2022 at 2:55 pm #1346748
    navindesigns

    this is looks good

    how do i center the button?

    April 1, 2022 at 5:32 am #1346816
    Ismael

    Hi,

    Thank you for the update.

    Are you referring to the read more link? You can try this css code to center align it.

    .read-more-link {
    text-align: center;
}

    Best regards,
    Ismael

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