Reduce Particular field editor Width!!

Questions
1

Hello, I want to reduce width of Particular field editors and not of whole page.So can you please help me with the same? I also attached one file for same.Here i want to only reduced width of marked columns not of whole page. Please help with this issue ASAP. Thanks. Arpit

2

Yes Arpit, you can set the width of each column in a field editor in the page builder. Just click on the bar at the top of the column, and then set its width in the properties pane: You can also determine the size of the whole field editor by placing it within a panel set component and then resizing the panel.

3

Hello Anna, Thanks for your Reply.What i am doing is Within a panel set i am using the Template and field editor.Now within that Panel i want to reduce only the Field editor width,not the template as text got effected .Is there any way to do this with some CSS for those Particular sections or field editor? Thanks. Arpit

4

Try this as an inline CSS resource: .nx-basicfieldeditor { clear: both; width: 50%; } Just enter the width you want. NOTE: this will affect every field editor on your page. If you want to target a particular field editor you will have to get more descriptive in your CSS. Like I said in the other topic, examining everything in the developer console will help you figure out how the elements and styles on your page are interacting.