How to show more columns? each category has its own column.
I have a row with four columns and would like to be able to adjust the column size to something more precise than 5-10-15-20-etc. I know it’s possible but I don’t know if I have to activate something or not.
For example, you can see here the adjustment tool that I currently have (5 by 5) and here the one that I would like to have (more precise).
How do I achieve that/activate this feature?
Thank you very much for your help and for this wonderful plugin!
]]>The “Title” column under “Pages” in my WordPress admin view is not displaying correctly. I’m unsure how to fix this.
Any guidance would be appreciated.
trying to create a table for a hockey league, but still can’t find the opposite of the “overtime loss” column in the configuration page. There is the “overtime loss” so I guess there has to be “overtime wins” too?
]]>The edit product page layout displays all but Product Description box on the right side (see screenshot). Drag and drop does not work. Clicking ” ^ ” only moves the menu top-button on the same column. 1 column stacks all menus on top of each other.
Tried all common solutions ( I know and found) including reinstalling WordPress and Woocommerce, but nothing works.
Kindly advise.
Thank you.
Khaled A.
Oddly enough if I take the same cell data and make a 7th row that will also show but hide the 6th row completely
In essence, this is what is being hidden…
<th class=”ninja_column_5 ninja_clmn_nm_etc” style=”display: table-cell;” scope=”col”>Details</th>
that code is greyed out in inspector
Any ideas? Thanks.
<!-- wp:cover {"url":"https://jaysmetalstructural.com/wp-content/uploads/2024/08/test-banner-2.mp4","id":669,"dimRatio":50,"backgroundType":"video","align":"full"} -->
<div class="wp-block-cover alignfull"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="https://jaysmetalstructural.com/wp-content/uploads/2024/08/test-banner-2.mp4" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Content…","style":{"typography":{"fontSize":"4rem"}}} -->
<p class="has-text-align-center" style="font-size:4rem"><strong>SUPERIOR BUILDING PRODUCTS</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center","className":"elementor-heading-title elementor-size-default"} -->
<h2 class="wp-block-heading has-text-align-center elementor-heading-title elementor-size-default">OUR PRODUCTS </h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"><strong>OUR PRODUCTS</strong></p>
<!-- /wp:paragraph -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":679,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://jaysmetalstructural.com/wp-content/uploads/2024/08/alpine-industrial-park-6-1024x768.jpg" alt="" class="wp-image-679"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":680,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large"><img src="https://jaysmetalstructural.com/wp-content/uploads/2024/08/alpine-industrial-park-5-1024x768.jpg" alt="" class="wp-image-680"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"id":681,"width":"537px","height":"auto","sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://jaysmetalstructural.com/wp-content/uploads/2024/08/steel-1024x576.jpg" alt="" class="wp-image-681" style="width:537px;height:auto"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
.left-column {
order: 1;
}
.right-column {
order: 2;
justify-content: flex-start;
}
the whole code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Structural Steel</title>
<style>
.wp-block-spacer {
display: none !important;
}
body, html {
margin: 0;
padding: 0;
font-family: 'Haboro Contrast', sans-serif;
height: 100%;
}
.wp-block-cover {
min-height: 100vh;
background-color: black;
color: white;
display: flex;
}
.wp-block-cover__inner-container {
flex-grow: 1;
display: flex;
width: 100%;
}
.main-content {
display: flex;
flex-grow: 1;
justify-content: space-between;
width: 100%;
}
.left-column {
flex: 0 0 auto;
padding-left: 40px;
padding-top: 40px;
}
.right-column {
flex: 0 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 40px;
height: 100vh;
}
.title {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
line-height: 1.3;
color: white;
}
.content-sections {
display: flex;
flex-direction: column;
gap: 20px;
width: 600px;
max-height: calc(100vh - 80px);
overflow-y: auto;
}
.section {
background: rgba(52, 52, 52, 0.80);
border-radius: 20px;
padding: 20px;
width: 100%;
box-sizing: border-box;
}
.section-title {
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.3;
margin-bottom: 15px;
}
.section-content {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
@media (max-width: 768px) {
.wp-block-cover {
min-height: auto;
}
.wp-block-cover__inner-container {
flex-direction: column;
}
.main-content {
display: flex;
flex-direction: column;
}
.left-column, .right-column {
padding: 20px;
height: auto;
width: 100%;
box-sizing: border-box;
}
.left-column {
order: 1;
}
.right-column {
order: 2;
justify-content: flex-start;
}
.content-sections {
width: 100%;
max-height: none;
}
.title {
font-size: 36px;
word-wrap: break-word;
}
.section-title {
font-size: 24px;
}
.section-content {
font-size: 16px;
}
/* Fix text overflow */
.left-column, .right-column {
overflow-wrap: break-word;
word-wrap: break-word;
hyphens: auto;
}
}
</style>
</head>
<body>
<div class="wp-block-cover alignfull has-custom-content-position is-position-top-left">
<div class="wp-block-cover__inner-container">
<main class="main-content">
<div class="left-column">
<h2 class="title">Structural Steel</h2>
</div>
<div class="right-column">
<div class="content-sections">
<div class="section">
<div class="section-title">About</div>
<div class="section-content">
Jay's Structural division is a subsidiary of Jay's Metal Products Ltd., specializing in structural building solutions tailored for commercial, retail, and industrial projects. Holding certification from the Canadian Welding Bureau (CWB), we offer expertise in the fabrication and erection of steel columns, beams, in-house joists, stairs, and railings.
<br><br>
We take a holistic approach to client needs by offering in-house drafting, fabrication, and on-site erection to complete a project life cycle. To plan and design projects, minimize complexities, and ensure structural integrity, we use the latest Building Information Modeling technology (BIM).
</div>
</div>
<div class="section">
<div class="section-title">Contact</div>
<div class="section-content">
Phone: (587) 287-1093
<br>
e-mail: structural@jaysmetal.com
</div>
</div>
<div class="section">
<div class="section-title">Projects</div>
<div class="section-content">Coming Soon!</div>
</div>
</div>
</div>
</main>
</div>
</div>
</body>
</html>