add extra classes for row visual style

Open 1 reply premium theme theme-vantage

11 years ago · Last reply by Andrew Misplon 11 years ago

Hi There,
I am trying to write some extra css classes for the row visual style and I followed this guide:

Theme Integration

but I am having no luck getting the styles to work. this is the css I wrote. I tried using th filter as per guidelines to the custom css it is not working:

function mytheme_panels_row_styles($styles) {
$styles[‘short-pad’] = __(‘short pad’, ‘vantage’);
return $styles;
}
add_filter(‘siteorigin_panels_row_styles’, ‘mytheme_panels_row_styles’);

.panel-row-style-short-pad {
background: #F6F6F6;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
margin: 0 -20px;
padding: 10px 20px;
}
.layout-full .panel-row-style-short-pad {
margin: 0 -1000px;
padding: 25px 1000px 25px 1000px;

Any help or advice you could offer would be greatly appreciated
thanks,
swerve

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 9 months ago

Hi Swerve

This section:

function mytheme_panels_row_styles($styles) {
$styles['short-pad'] = __('short pad', 'vantage');
return $styles;
}
add_filter('siteorigin_panels_row_styles', 'mytheme_panels_row_styles');

Needs to go after an opening PHP tag in a functions.php file in a child theme. Let me know how it goes.

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.