Buttons

Check out all the buttons options and can be set in different styles with Visual Composer Button shortcode.

View Examples

Default

These are the default button style, select between any color you want.

Rounded

Rounded button style using any color from skin.

Square

Square button style using any color from skin.

Outline

Outline button style using any color from skin.

Outline Rounded

Same as default outline but with rounded borders.

Outline Square

Same as default outline but with square borders.

3D

Alternative 3d style with any skin color.

3D Visual Composer

Alternative 3d style with many predefined colors.

Modern

Modern style alternative, with any skin color.

Modern Rounded

Same as default modern style but with rounded borders.

Modern Square

Same as default modern style but with square borders.

Gradient

Gradient style alternative, using the skin color.

Shadow

Shadow style alternative, using the skin color.

Arrow Buttons

Arrow Buttons Outline

Buttons Sizes

Buttons Border Radiuses

Buttons Icons

Advanced Buttons

Using porto advanced button, you can build any colored, styled and sized buttons using custom fields. Porto advanced button provides several hover effects in addition to the default fade hover effect.

Mini Size
Small Size
Normal Size
Large Size
Outline Style
Custom Size
Full Width
Fade Hover
Fill From Top
Fill From Bottom
Fill From Left
Fill From Right
Fill From Center Horizontally
Fill From Center Vertically
Fill From Center Diagonal

Header Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including header dynamically using page builders. You can build the header dynamically in any layout using templates builder. After you create header, you need to set display condition where you want to display and select “Header Builder in Porto Templates builder” in Porto -> Theme Options -> Header -> Header Type -> Select Header to display it.
header

Footer Builder

In Porto 6.0, templates builder is newly added to create and modify the whole site including footer dynamically using page builders. With Porto footer builder, You can build the footer dynamically in any layout. After you create footer, you need to set display condition where you want to display and select “Footer Builder in Porto Templates builder” in Porto. And you are now limited more by your imagination than anything else.
footer

Porto Elements

Porto comes with several elements options, it's easy to customize and create the content of your website's pages.
Accordions
Alerts
Products
Product Categories
Animations
Blockquotes
Buttons
Call To Action
Carousels
Counters
Count Down
Custom Page Header
Dividers
FAQs
Headings
History
Icons
Content Boxes
Icon & Info List
Image Gallery
Image Frames
Icon & Info Box
Labels
Lightboxes
Lists
Maps
Medias
Members
Portfolios
Posts
Preview Images
Pricing Tables
Progress Bars
Sections & Parallax
Sticky Elements
Tabs
Testimonials
Timeline & Process
Toggles
Tooltips
Word Rotator
Shape Divider
Banners
SVG floating
Social Icons
Image Comparison
Hotspot
360 Degree Image Viewer

Build your website with Porto

Purchase now. Only $59!

Porto theme has been available on ThemeForest since 2015 and is one of the top sellers with more than 70K+ sales.
Super High Performance
Strict Coding Standards
Free Lifetime Updates
BUY PORTO NOW
icon

Customer Showcase

(Sample Sites)

icon

Support Center

icon

Online Documentation

icon

Video Tutorials