179
Views
7
Comments
Solved
Can we adjust width of Column1 in Adaptive ColumnsSmallLeft?
Question

Hi, 

I have a layout to display a large text in between different row (container). Refer to picture attached.

I need to sort of set or adjust the Column1 so that my label is align for every row.

How can I achieve it?


Adaptive_Column.JPG
2024-01-04 15-15-51
Abed Al Banna
Solution

If you want a quick fix:

.columns.columns-small-left > .columns-item:first-child{

  min-width: 600px;

}

You just need to change the min-width to your desired value.


2024-01-04 15-15-51
Abed Al Banna

Hi,

Which columns are you using? 3 columns? If yes, you can try adding the following CSS:

.columns:not(.gutter-none) > .columns-item:first-child{

  min-width: 800px;

}

Change the min-width to a width that works for you.

I hope this helps!

UserImage.jpg
LOY SUAN FUH

The column i need to adjust is the ColumnsSmallLeft widget. 

2024-01-04 15-15-51
Abed Al Banna
Solution

If you want a quick fix:

.columns.columns-small-left > .columns-item:first-child{

  min-width: 600px;

}

You just need to change the min-width to your desired value.


UserImage.jpg
LOY SUAN FUH

Thank you very much

UserImage.jpg
Kiran Shetty

Hi Loy suan

Here in this screen shot there is plus icon where you can custom css like  width and so on hope it solves problem

Regards

Kiran


2024-01-04 15-15-51
Abed Al Banna

@LOY SUAN FUH if it solved your issue please mark my answer as a solution to close this thread and label it as solved :)

UserImage.jpg
LOY SUAN FUH
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.