[Support request] Wordsmith Questions

[Tom]

3. Happy Forms is causing this issue. You can fix it by adding this CSS:

.screen-reader-text {
    left: auto !important;
}

4. Not too sure what you mean. What kind of widgets are you looking for?

5. To make them all align, you would need to:

1. Make the images the same height in the list settings.
2. Make it so the post titles don’t span multiple lines (or hide the overflow).

There might be a CSS way to do that, but I’m not sure – I’ll check with David.

[David]

To make the post alignment look better would require elements to be of a set or minimum height.

This CSS you can apply to make all titles have a set minimum height of 3 lines:

@media(min-width: 769px) {
    .wp-show-posts .wp-show-posts-entry-title {
        line-height: 2.5ex;
        height: 7.5ex;
        overflow: hidden;
    }
}

Change the height: 7.5ex; to height: 5ex; to force 2 lines.
Moving the featured image above the title would also improve alignment .

[Sapir]

Where do I insert this CSS?
The form is build from parts: first name… last name.. and on..
You can insert css in each part seperatly..
Which one? or none of them?

I need to know where to insert this code specificly (im not a code man:)

[Leo]

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Sapir]

I don’t understand. I placed the code in the simple CSS under costumization–>specific page..
Nothing happend.

Can I get specific instructions please?

[Tom]

You’ve added that CSS to the home page? I’m not seeing it anywhere.

Can you try adding it to your global CSS (either in Appearance > Simple CSS, or the Additional CSS option in the Customizer).

[Sapir]

Here..
https://imgur.com/a/KBTjrOv

[Tom]

That CSS is working – I’m not seeing any horizontal scroll on the contact page anymore.

Have you tried adding David’s CSS as well for the post titles?

[Sapir]

Sorry, plugin was off.
Now, the Contact page have the CSS tom mentioned + the Happy forms plugin..
And still, I can’t open the contact page at mobile.

Haven’t tried David’s solutions yet. I want to finish with the contact form and contact page first.

Thanks.

[Tom]

Just adjusted the CSS here: https://generatepress.com/forums/topic/wordsmith-questions/page/2/#post-1059044

[Sapir]

I have uploaded a screen picture that I did..
And it’s still not working.

[Tom]

Where did you share the screenshot?

Here’s what I’m seeing right now: https://www.screencast.com/t/QhWiMgdE

It’s missing the !important part.

Really, this is a bug in Happy Forms and RTL websites that they should address, but our CSS should fix it (it does in developer tools).

[Sapir]

Right! Very IMPORTANT thing!
You guys are pro’s..

The page that I wanted to re-arrange is that one:
https://cohens-law.co.il/blog/

Look at the posts, they are messy…
If that the code David meant, so I inserted it at simple CSS, nothing happend.

[David]

For the GP Blog and the archives you would use this:

@media(min-width: 769px) {
    .blog .entry-title, .archive .entry-title {
        line-height: 2.5ex;
        height: 5ex;
        overflow: hidden;
    }
}

I set it to force 2 lines.

[Sapir]

Hi, Thanks.
As you can see in the link to the page, It did work, but not all of it.
It seems that the long sentence title that breaks to the second row causing a mess.
Any way to fix it?

[Author]

Posts