Static Homepage On Arctic Site Inquiry

Hi there,

Let's modify Tom's CSS a bit to remove that.

Try this:

.wpsp-card .wp-show-posts-entry-title {
    font-size: 30px;
    font-weight: bold;
    background-color: rgba(0,0,0,.5);
}

.wpsp-card .wp-show-posts-entry-title a {
    color: #fff;
}

.wpsp-card .wp-show-posts-entry-meta {
    background-color: rgba(0,0,0,.5);
    margin-top: 10px;
    width: fit-content;
}

.wpsp-card .wp-show-posts-entry-meta a {
    color: #fff;
}

This is how it'll look like: https://share.getcloudapp.com/7KuPnJXx

It worked! Thanks Elvin.

No problem. :)

Hello again,

My apologies for the hassle. The homepage grid turned out perfectly on the site that I was discussing in this thread, and I tried to recreate it for another site that I also have on GeneratePress Premium. But for this site it unfortunately didn't work, and I don't know why. I of course followed again all of the same steps outlined by David in here: https://generatepress.com/forums/topic/how-can-i-put-something-like-this-on-my-front-page-homepage/#post-1439597 but I got this weird error: (Screenshot in private info field). How can I fix this?

In case it is needed, I have written my login credentials in the private info field.

How are you adding the CSS?

I've tested the same CSS on your site and it does seem to work as intended as shown here:
https://share.getcloudapp.com/KoudKvzX

While the font is too big, I believe you can still see the black transparent color behind the text.

Yes, you're right! It is working, I just it thought it wasn't working because didn't seem to display the normal grid with the 4 most recent posts, but I figured out I just forgot to add the featured images in each post. Now it's back to normal :) Thanks.

On a side note, how can I fix the longer titles that aren't showing up fully in the smaller squares of the grid because they're too big? Because of the way the grid is partitioned, some longer post titles might not show when they are depicted in a square that's small. Tweaking the font size in the CSS didn't seem to help to have them show fully in the smaller squares.

On a side note, how can I fix the longer titles that aren’t showing up fully in the smaller squares of the grid because they’re too big? Because of the way the grid is partitioned, some longer post titles might not show when they are depicted in a square that’s small. Tweaking the font size in the CSS didn’t seem to help to have them show fully in the smaller squares.

Yeah, that's certainly a dilemma. Making font size for the title smaller is the way to go. But the issue is, you may have to go way smaller than preferred just to fit everything in. And this is a compromise you have to decide on.