Columns are Different Sizes

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem:

Setup HTML table column width.

Solution:

It is a CSS issue, see example codes here:

https://toolset.com/forums/topic/columns-are-different-sizes/#post-2301735

Relevant Documentation:

This support ticket is created Il y a 4 years, 3 months. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Fuseau horaire du supporter : Asia/Hong_Kong (GMT+08:00)

Ce sujet contient 2 réponses, a 2 voix.

Dernière mise à jour par melissaC-8 Il y a 4 years, 3 months.

Assisté par: Luo Yang.

Auteur

Publications

February 23, 2022 at 9:35 pm #2301429

melissaC-8

I have three-column feeds on my website that aren't displaying consistently. Each column is a different width, and the images aren't aligning at the top.

The images are all exactly the same size and the content in each column is consistent, so in theory, the columns should be the same sizes.

Here's an example: lien caché

I've tried to use CSS to set column sizes, but nothing I tried worked.

February 24, 2022 at 8:01 am #2301735

Luo Yang

It is a CSS issue, I have done below modifications in your website:
Edit the post view "Category Feed (with search)":
lien caché
1) In section "Loop Editor", line 4, add CSS class name "my-table" to HTML table tag
2) Click "CSS Editor", add below CSS codes:

table.my-table td{
 	width: 33%;
}

Please test again, check if it is fixed, more help:
lien caché

February 24, 2022 at 2:39 pm #2302141

melissaC-8

Thank you. This fixed part of the problem. I also needed to add

float: left;

to make all the content align correctly.