You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#112519 Column styling

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by ant on Wednesday, 07 December 2022 16:53 GMT

Tuesday, 06 December 2022 19:16 GMT

ant
Hi Ryan
is it possibile to apply styles to JCE Columns? For example, using 2 columns I want for the right one to align content text: to the left for desktop view and to the center for mobile view (where the column is single). Or if I want the left column to have a yellow background and the right to have an orange background, for example.
Thanks a lot

Wednesday, 07 December 2022 16:20 GMT

ant
I'm trying to align vertically the column content using 

div.wf-columns {
	justify-content: center;
}
or 

div.wf-columns {
	vertical-align: middle;
}
but it doesn't work. This is the test page: https://www.novalunaitalia.com/it/news/test
Edited by ant on 2022-12-07 16:25 GMT

Wednesday, 07 December 2022 16:34 GMT

Ryan
I'm trying to align vertically the column
Use 

div.wf-columns {
	align-items: center;
}
Or if I want the left column to have a yellow background and the right to have an orange background, for example.
If you use the Classes list to assign a specific class to the columns, you can target individual columns, eg: 

.wf-columns.columns-bg .wf-column:first-child {
    background-color: yellow;
}

.wf-columns.columns-bg .wf-column:last-child {
    background-color: orange;
}

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Wednesday, 07 December 2022 16:53 GMT

ant
Thanks