Duplicated CSS tags for rows
Hi,
I noted this issue, when I define some CSS for a row (within the Page Builder editor > Attributes tab), and then I view the source code, these tags are duplicated; this doesn’t happen with widgets though.
So in the example URL, I added this style:
border-width:thin; border-style:solid; border-color:blue;
And this is the result:
<div style="border-width:thin; border-style:solid; border-color:blue; border-width:thin; border-style:solid; border-color:blue;" class="panel-row-style" >
Tested with Chrome.
Thanks and sorry for the bad english.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hey Carlos
Nicely spotted! Thanks for the report. We’ll get this fixed up for the next update.
For now you could move your declarations into a rule at Appearance > Custom CSS:
/* Page Builder Custom Classes */ .border-style { border-width:thin; border-style:solid; border-color:blue; }Then just add the following at Attributes > Row Class:
Note there is no period in front of the class name when adding it to Attributes > Row Class.
(When adding declarations to Attributes > CSS Styles you don’t need to add a semi-colon at the end of each line. Page Builder will add those for you. Random little tip.)
Thanks again :)
Thanks for your help, I’ll use that method.
For sure :) All the best with your project.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.