Blog Achive layout issue

The desktop blog achive layout section is not consistent: https://prnt.sc/xFyhUyj1LWVU

Is there any way we can define section height or limiting texts to make it aligned and consistent throughout the website.

Hello,

You need to upload images of the same size and proportion or disable the masonry grid in the Theme Settings > Blog > Blog archive.

If you have any questions please feel free to contact us.

Best Regards.

Hi Aizaz,

In the CSS, the height of the post image is define 350px which is consistently. However, the issue is with the Posts excerpts and post title. All we want having clean grid styles like the snapshot shared in the private content.

Hello,

Please share the wp logins details in private content under the message area i will check and give you a possible solution.

Best Regards.

Hi Aizaz,

Thank you for getting back to me. WP Login details are in the private content section

Hello,

Your images differ in size considerably.You need to upload images of the same size and proportion. Configure the length of Excerpt in the Theme Settings > Blog, and compose titles of the same length.

Best Regards.

Titles of the same length and image dimension is the problem Aizaz. Can we not find a solution by creating a basic grid style?

Hello,

You need to upload the images of the same size and proportion. Try to use the blog widget and cehck the setting:
Screenshot for clarification:
https://ibb.co/0JsnD2q

Best Regards.

Hi Aizaz,

Is it possible to make .read-more-section position fixed aligned to the right? The CTA should be aligned as shown in the snapshot. https://prnt.sc/2JxuoVzC51uF

The header content in the blog layout also showing.

I look forward to hearing from you.

Regards,
SP

Hello,

It is already in the right side:
https://ibb.co/hff5tbb

Best Regards.

Hi Aizaz,

Section title: https://prnt.sc/I5nGcTjR2IU5

Blog achive continue reading CTA button bottom margin is not consistent. I have attached the picture to this message.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code in Theme Settings < Custom CSS > Global Custom CSS:

.blog-design-masonry .post-title {
	 display: -webkit-box;
    -webkit-line-clamp: 1; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

Best Regards.

Section title: https://prnt.sc/I5nGcTjR2IU5 still not visible. WP admin access is shared in the private content.

Hello,

This is the blog Archive page. The blog is an archive page and controlled by wordpress, it doesn’t allow any modifications added to it, this is the default functionality. You cannot edit it with wp bakery.

Go to Theme Setting > Blog > Check the blog options in theme settings.

Best Regards.

Hi Aizaz,

I noticed you had access to the website and was checking.

Is there any CSS code or Javascripts available to set blog achieve page title visible. Currently pages titles display none as per our requirement.

Regards
SP

Hello,

Sorry to say it is not possible with custom css. It requires customization and beyond our support policy.

You can set the page title for the blog page. You can set the page title for every page in the page settings of every page in the edit product page.
https://ibb.co/QrrfRb3

Best Regards.

No worries Aizaz, I will figure it out. I thought as you are dealing with these issues day in and out, simple css style would be helpful

:is(.blog-achive page-title {
display:……..
}

Hello,

You are Most Welcome.

We are glad that you managed to solve the problem yourself. You are Great!!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts