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


Sidebar Background 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:


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:



Step 3: Save & Publish

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