Full width content classes?

[Clemson Web Design]

Clemson Web Design

July 6, 2017 at 2:04 pm

I’m porting over my static coded site (www.clemsonwebdesign.com) to WordPress (wp.clemsonwebdesign.com) using your theme as a base.

Do you have a cheat sheet or reference for utility and grid classes?

Example. I’m needing to replicate full width background content areas. I’d rather not have to create them from scratch and digging thru all of the css files to find them is a real pain.

I pulled some code from one of your demos <div style=”background-color: rgb(68, 68, 68); margin-bottom: 0px; opacity: 1; visibility: visible; margin-left: -110.15px; margin-right: -109.85px; padding-left: 110.15px; padding-right: 109.85px; border-left: 0px none; border-right: 0px none;” class=”panel-row-style kt-row-style-no-padding siteorigin-panels-stretch kt-panel-row-stretch” id=”demo_sites” data-stretch-type=”full”>

I trimmed it down for my use (See the Clemson Web Design section under the main slider on wp.clemsonwebdesign.com) but I’m having to recreate break points and media queries (adjusting the negative margins) for the content and text to break down fluidly. Figure you might have some classes or example references readily available so I can save some hours on coding.

Also. Do you have a grid and break point reference as well? I could go thru your grid.less and document the break points, classes but figured you had something readily available?

Any help to save time on my end would be greatly appreciated.

Thanks.