Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 6, 2025 at 8:21 pm #1487666
    vrhgmt744p

    HI,
    How would I change the colors on the Blog Posts Grid preview widget? I have attached a screenshot of what I wold like changed for the blog preview.

    August 7, 2025 at 3:51 am #1487675
    Ismael

    Hey vrhgmt744p,

    Thank you for the inquiry.

    Try to add this css code to change the color of the content to white and background of the button to #d5b76a. 

    .html_elegant-blog .avia-content-slider .slide-entry-excerpt {
    color: #ffffff;
}

.html_elegant-blog #top .post-entry .post-meta-infos, .html_elegant-blog .avia-content-slider .slide-meta, .html_elegant-blog .avia-content-slider .slide-meta a {
    color: #ffffff;
}

.html_elegant-blog .more-link {
    background: #d5b76a;
    color: #ffffff;
}

    View post on imgur.com

    Best regards,
    Ismael

    August 7, 2025 at 7:13 pm #1487710
    vrhgmt744p

    Thanks! That code changed the text. How would i change the black line colors? Also for the button how would I remove the white boarder line and change the hover colors.

    August 8, 2025 at 8:56 pm #1487763
    Mike

    Hi,
    For the borders (lines) try this css:

    #top .main_color .slide-content span,
#top .main_color .slide-meta,
#top .main_color .slide-meta div {
	border-color: #fff;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    August 8, 2025 at 10:15 pm #1487769
    vrhgmt744p

    Thanks. For the button how would I remove the white boarder line and change the hover colors.

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