Yes, you can override it with CSS. You just have to make sure that your CSS rule specificity is higher than the inline style's specificity (simply put: use "!important"). Make sure however that your override does not destroy layout elsewhere.
@ Jochem: I am using SF 7.1, but I am not able to add classes to layout element columns. I enter them, but Sf does not render the classes to the applicable HTML tags. This was not an issue before. i am having trouble with this since 7.1.
Regarding the inline width styles being added to layouts:
If you are using a responsive framework and are trying to use your framework's CSS classes in Sitefinity's layouts - you will run into the inline width problem whenever you go back to edit a layout the second time. This of course overrides the styling from the framework's CSS classes. I came up with a workaround that worked really well for my project.
// If the layout is a responsive layout, clear the width styles on the element
editor = $find(
".sfLayoutPropsContainer #columnList .sfTxt"
columns = editor._widthEditor._outerColumns;
colCount = editor._widthEditor._outerColumns.length;
i = 0; i < colCount; i++)
I've been trying to setup my own layout widgets but I've run into a problem. When dragging the widget over into a content area I receive the following error:
Invalid resource name "/Sitefinity/WebsiteTemplates/Rogers/CustomLayouts/custom1.ascx" for assembly "Telerik.Sitefinity.Resources, Version=7.1.5200.0, Culture=neutral, PublicKeyToken=b28c218413bdf563" or empty template.
Any insight would be appreicated.
custom1.ascx contains the following:
<%@ Control Language="C#" %>
"sf_colsOut large-12 columns"