How to change Quiver Plugin Page/ Portfolio Page theme layout design

 

 

 

 

Quiver theme has 2 basic page layout types:

  • Sidebar Background Layout
  • Content Background Layout
  • Background Layout – have transparent content background in both sidebar and content area
content-background-layout

Content Background Layout

Sidebar-background-layout

Sidebar Background Layout

background-page-layout

Sidebar Background Layout

You can change the plugin page OR portfolio page to any 1 of the 4 page layouts listed above.

This tutorial will show you how to customize your page layout type for  plugin (index.html) and portfolio widget page layout (portfolio.html)

Step 1: Login to your Weebly & Open Code Editor

Once you have open the code editor by clicking on the “design” tab and into “edit html/css”, open the html page of index for plugin layout OR portfolio for portfolio widget.

 

Step 2: Edit Page Layout Class Tag

Once the page is open locate this code:

change-page-layout-class-1

The default page layout style is sidebar background. Here we can change the default class tag to 1 of the other 2 page layout classes.

Sidebar background = sidebar-bg

Content background = content-bg

Background sidebar-bg content-bg

 

Here we can change the default page layout class tag to any one of the page layout class tag listed above. For example, if I want to change the page layout to Content Background Layout, here is how the code will look like:

change-page-layout-class-2

 

Step 3: Save & Publish

Save your changes and re-publish your site for the change to take effect

Tags: