Home>Support>add extra classes for row visual style

add extra classes for row visual style

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More