WP Show Posts issues with Arctic theme

Hi Chris,

Try this CSS:

.a.wp-show-posts-read-more {
    color: #ffffff;
    background-color: #1e73be;
    border: 0;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 19px;
}

Let me know :)

Yeah that fixes the button a little, but it still uses this CSS frm the original Arctic theme:

/* GeneratePress Site CSS */ /* Link underlines */
.entry-content a:not(.button) {
	box-shadow: inset 0 -4px 0 	rgb(255,255,153);
	transition: color 100ms ease-in,box-shadow .13s ease-in-out;
}

.entry-content a:not(.button):focus, .entry-content a:not(.button):hover {
	box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}

That's what's underlining the titles and buttons.

Hi there,

You can remove the CSS from WPSP links by adding this CSS:

.entry-content .wp-show-posts-inner a {
    transition: none;
    box-shadow: none;
}

Hi Elvin, yes we're getting closer! :) Now all I need is the titles to be the same color as the homepage (they are blue now) and the Read more button still acts weird on hover.

Hi there,

try this CSS for the WPSP titles:

.entry-content .wp-show-posts-entry-title a {
  color: #000;
}
.entry-content .wp-show-posts-entry-title a:hover {
  color: #515151;
}

Cheers David, yes that changed the color, but the titles still underline on hover and the read more button also acts strange on hover.

They're both pickup this CSS:

.entry-content a:not(.button):focus, .entry-content a:not(.button):hover {
    box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}

Change it to:

.entry-content p a:not(.button):focus, .entry-content p a:not(.button):hover {
  box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}

This will apply only to links inside a paragraph.

Thanks, the titles are fixed! :) now all we need is to get the Read more button to display the same as the theme settings.

Try to replace the CSS I provided here:
https://generatepress.com/forums/topic/wp-show-posts-issues-with-arctic-theme/#post-1699367
to this:

.wp-show-posts-inner a.wp-show-posts-read-more, .wp-show-posts-inner a.wp-show-posts-read-more:visited {
    color: #fff;
    background-color: #1e73be;
    border: 0;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 19px;
}
.wp-show-posts-inner a.wp-show-posts-read-more:hover {
    color: #fff;
    background-color: #3f3f3f;
    border: 0;
}

Hope that fix the wpsp button issue :)

Perfect, thank you so much! :)

No problem :)