18 Wheeler Wreck – New Mexico

New Mexico State Police say the driver of a tractor-trailer died after running into another truck on I-40 Saturday evening. NMSP says the crash happened on I-40 near Unser around 5 p.m.

They say a tractor-trailer and a KIA Sportage were stopped in traffic for construction on eastbound I-40 near milepost 154. NMSP reports that another tractor-trailer was traveling east on I-40 and did not stop for the traffic. Instead, they collided into the tractor-trailer, which then pushed into the KIA.

Tractor trailer crashes and burns near Newark Airport on NJ Turnpike

A tractor trailer crash this morning is being investigated by police. The big rig was transporting paper and overturned and caught fire in Newark, New Jersey.
There was no early news on what caused the crash or how many or how serious the injuries were.
The vehicle was badly damaged, and burnt debris was thrown across the ramp, according to a video from NewsCopter 7.
As police investigated and employees tried to clear the wreckage and debris, the northbound truck lane exit to Newark Liberty Airport was shut down.
The accident also closed northbound access to the NJ Turnpike extension, making access to the Holland Tunnel impossible.

Visit ABC7NY for additional coverage

Call 973-381-1217 for a free consultation with a Newark truck accident lawyer or member of our legal team today!

Aftermath of 18-wheeler wreck, crash on Interstate 10 on East Side snarls traffic Friday morning

18 Wheeler Wreck on I-10

KSAT12 reports that the driver of the 18-wheeler said he could not see the road and crashed in the median before the big rig caught fire.

If you have been involved in an 18 Wheeler Accident – please contact one of our affiliated legal teams to review the facts of your case.

Ice blamed in beer truck’s wreck on I-70

SILVERTHORNE, Colo. — Winter weather and icy road conditions are being blamed for an accident that caused an 18-wheeler loaded with Coors beer to topple over Friday on Interstate 70 near the Eisenhower Tunnel in Colorado.

According to a Facebook post from Summit Fire and EMS, the wreck happened when the semi truck lost its brakes, clipped and spun a Jeep, then careened down the Silverthorne exit and crashed over the median.

Read more at TheTrucker.com

If you have been involved in an 18 Wheeler Accident – please contact one of our affiliated legal teams to review the facts of your case.

Semi-truck accident – on interstate as Delta moves toward Lake Charles

Lexington truck accident lawyer

LAKE CHARLES – State troopers were called to multiple accidents involving tractor-trailers on I-10 Friday as southwest Louisiana begins feeling the effects of Hurricane Delta.

State police said two separate crashes involving 18-wheelers were reported on the interstate just east of Lake Charles.

Read more at WBRZ2 News.

If you have been involved in an 18 Wheeler Accident – please contact one of our affiliated legal teams to review the facts of your case. An experienced truck accident lawyer can help you get the results you deserve.

18 wheeler wrecks and catches fire on I-95 in Florence

FLORENCE S.C. (WPDE) — An 18 wheeler wrecked on I-95 South near mile marker 173 in Florence, South Carolina and caught fire.

The truck’s cab is in the emergency lane and the trailer is off the road.

Watch the video at WPDE 15 News

If you have been involved in an 18 Wheeler Accident – please contact one of our affiliated legal teams to review the facts of your case.

A Sample Post with Comments

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa a link to know where qui officia deserunt mollit anim id est laborum. a link to know where

Lorem ipsum dolor sit amet, consectetur adipiscing elit, style sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Great typography and bold imagery speak volumes about quintessential topics

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia a link to know where deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. a link to know where

Great typography and bold imagery speak volumes about quintessential topics

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

A guide to styling and making Volume your own

Completely rebuilt with GeneratePress Premium 2.0, Volume ( remastered ) is a fresh clean site for bloggers . With new Post Archive cards, Single Post Heros, Sidebar Author Box and revisited Featured Post Navigation all built with GPP 2.0 Block Elements.

Stripping away 5 custom hook elements and over 350 lines of code you can now restyle entire theme elements with Block Elements and GenerateBlocks.

GP Premium 2.0 Theme Building

GPP 2.0 introduced a major upgrade to the Elements Module. With GPP and GenerateBlocks you can now deliver dynamically generated block built content across your entire site.

If you want more of a low down on Theme Building, check out our YouTube channel where Block master Leo Hsing will walk your through just some of the things you can do with it. But lets dig in and show you where Volume brings these new features to your new GP Site.

Where to begin

There are 3 main interfaces that are used to customize and build the site.

  1. The Customizer
    this is where you will find the global styling controls for the theme. From Colors and Typography to Navigation and Widget Areas. If you find theres not a control for one the elements your trying to style then check out #3.
  2. The Post Editor
    In Volume our posts are simply Block Based content. But we have included a Manual Excerpt in some of our Posts that is displayed in a Page Hero Block Element and our Custom Archive Post Cards. If theres some content above or below your post that you cannot see in the editor then once again check out #3.
  3. The Elements Module
    This is where the cool stuff happens. Across the site you will see a Custom Single Post Hero, Custom Post Cards on our archives, an Author Box at the top of our right sidebar, and Custom Navigation on archives and Single Posts.

Wherever possible we have defined our default styles in the Customizer. However some Elements are directly styled in the Elements Module.

What Elements are in place

Head on over to Dashboard > Appearance > Elements to check out what we have prebuilt for you:

  • Archive Navigation
    A simple previous / next Page button configuration located after the post archives and home page.
  • Post Navigation
    A previous / next post navigation with post title and featured image background located just before the footer on every single post.
  • Author Box
    Positioned over the sidebar, the author box will display Avatar Name, the User Bio and a link to the authors archives.
  • Post Cards
    here is our Content Template for our Blog / Post Archives. This is the global style for all cards except for the First Featured Post. Which is using the following Child Element
  • – First Post Template
    Set specifically to display for the first post of the first page of your archives.
  • Single Post Hero
    The Full Width responsive Hero element for our single posts. Please note the following Merged Header
  • Merged Header
    This simply applies a Merged Header for our single post, where custom site header and navigation colors are set to give them their transparent background.

A note on Images

The Volume site preloads a series of images whose sizes are: 1024 by 576 pixels which is a nice 16:9 Aspect ratio. In general the theme has the images set to medium-large which displays the image at 768px x 432px.

You can of course choose to upload large images, but its always best to maintain your images sizes and if you choose to use larger ( or smaller ) image size then try and keep the aspect ratio the same.

Block Elements – Theme Builder

Volume uses total of 6 block elements and 1 header element to customize the post archives and single post templates. For more information on Block Elements you should read the following documentation:

All done ? Lets take a look at each of the Elements Volume is built with.

Archive Navigation

Position: After Post Loop
Element Type: Archive Navigation
Hook name: after_main_content
Display Location: Blog, All Archives

A simple 2 button block displaying static prev and next labels with icons, with a dynamic link of Next Post and Previous Post.

NOTE: Within the Block settings the option to Disable default pagination has been checked.

Author Box

Position: Above Right Sidebar
Element Type: Hook
Hook name: before_right_sidebar_bar
Display Location: Posts > All Posts

Drawing its dynamic data from the User Meta ( Profile ) it uses a GP Dynamic Image Block for the Author Avatar, a Headline Block for the Author Name, a GP Dynamic Content Block for the Author Description and a Button with static text and a dynamic link to the Author Archives.

Post Archive template

Position: Post Archive Cards
Element Type: Content Template
Hook name: n/a
Display Location: Blog, All Archives

This card replaces the default themes post template used on the Blog and Archive Cards.

First off the content is placed inside a parent Container Block, at the top of which is the GP Dynamic Image Block set to display the Featured image which has been set to a medium-large ( 768px ) image size.

Below the Image is a nested Container Block which has an Advanced > Additional CSS Class of post-summary this class is necessary for CSS to align the elements vertically.

Within the post summary there are several blocks set to display the post category terms, the post title, the post excerpt and finally a inline row to display post meta.

NOTE: This element is a Parent Element. What makes it a parent is that the following element is one of its Children.

– First Post Template

Position: Post Archive Cards
Element Type: Content Template
Hook name: n/a
Display Location: None – inherited from Parent: Post Card

This element is grid layout version of the Post Card Block Element. It has not Display Rules as it inherits them from its parent ( the Post Card Block Element ). In the sidebar settings you will see it has Apply to: First Post.

Note: in the Customizer > Layout > Blog –> Columns we have the Make First Featured checked. This gives this element a specific class of featured-column which is used in Custom CSS to make it fill the entire row on Desktop and Tablet.

Post Navigation

Position: Above Footer on Single Post
Element Type: Post Navigation
Hook name: before_footer
Display Location: Posts > All Posts

Using a prebuilt Navigation Template that displays the Next Prev Post label and title over the respective featured image.

Single Post Hero

Position: Below Header ( merged ) Single Post
Element Type: Page Hero
Hook name: after_header
Display Location: Posts > All Posts

The Single Post hero is comprised of two main elements:

The parent Container Block

This comprises of a solid background color, a Dynamic Image Background displaying the Featured Image which is set to Display the medium-large ( 768px ) image and positioned to the Right Center.

The parent container block has an Advanced > Additional CSS Class of: page-hero-block which is used for CSS to reposition the image on Tablet, and remove it altogether on Mobile.

Within the parent Container is a 1 column grid – the single column is set to 75% width on Desktop and 100% on Tablet an Mobile. Within this grid container we’re displaying dynamic Post Title (H1), the Post Excerpt, followed by a Post Meta layout.

GP Dynamic image block – mobile only

This block is set to display the Post Featured image using an image size of medium-large ( 768px ). In the Advanced > Additional CSS Classes we’re using 2 x hide-on-* classes to remove the image block on Desktop and Tablet.

Single Post Merged Header

This is a Header Element – its sole purpose is to created the Merged Header effect on the Single Post. It does not contain any Page Hero content – it simply merges the site header with the first block on the post, which is the Single Post Header Block.

You can find out more on the Header Element here:

CSS Styling

In Comparison to the original Volume which required over 350 lines of CSS, Volume remastered uses less that 50. But why do we need CSS when Blocks does it all? I hear you ask. Well there are somethings that i just like to tweak and sometimes a little CSS is required.

The CSS added to the Site can be found in Customizer > Additional CSS. Lets take a closer look at what each of them does

Post navigation

the default behaviour of the Post Navigation Block Element is to display a 50/50 row showing the previous and next post. The following CSS removes the empty space when a user is on the first or last post so the block spans the full width.

/* Custom Post Navigation remove empty classes */
.featured-navigation .gb-grid-column:empty {
    flex: 0 1;
}

@media(min-width: 769px) {
    .featured-navigation .gb-grid-column:not(:empty) {
        flex: 1 0;
    }
}

Single Post Featured Images

the following CSS adjusts the featured image background size for tablet, and removes it from Mobile

/* Single Post Hero image responsive controls */
@media(max-width: 1024px) and (min-width: 769px) {
    .page-hero-block:before {
        background-size: cover;
    }
    .featured-column,
    .featured-column img.wp-post-image {
        width: 100% !important;
    }
}

@media(max-width: 768px) {
    .page-hero-block:before {
        background: none;
    }
}

Post Archives align meta to bottom of post

A simple flex box CSS to push the last element in the post-summary ( the post meta ) to align vertically at the bottom of the post.

/* Post Archives - force post meta to vertically align bottom */
.generate-columns-container .post>.gb-container,
.generate-columns-container .post>.gb-container>.gb-inside-container,
.post-summary>.gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-summary {
    flex: 1;
}

.post-summary>.gb-inside-container>*:last-child {
    margin-top: auto;
}

Border radius on post archive images

/* Add border radius to post archive images */
.generate-columns-container .dynamic-featured-image {
    border-radius: 4px;
}