Homepage style and colors
Aron includes 4 styles of homepage. Those are
- Default homepage
- Boxed homepage
- Fullwidth homepage
- Masonry homepage
Activate boxed homepage style: If you want to change homepage to boxed homepage you just need to add a body class. Class name is homepage-2
Like: <body class="homepage-2">
Activate fullwidth homepage style: If you want to change homepage as fullwidth, you need to use homepage class homepage-3
& delete or make left sidebar section as HTML comment. Check screenshot:
Activate masonry homepage style: It is best to use boxed layout with masonry style. Then read this.
Theme color change:
It is very easy to change aron theme color. You need to select a good color first. FlatUIColors works great! Also you can use your logo color. Get color HEX code first. Then open style.css in editor. Change color value like this
.featured-post-item-title a:hover,
.box-post-item-title a:hover { color: #8e44ad }
.featured-post-cat a,
.main-menu li:hover::after,
.main-menu li.current_page_item::after,
.read-more-btn,
.box-post-cat a:hover,
.tags-list a:hover,
.box-readmore-btn:hover,
.post-navigation .pagination li a:hover,
.post-navigation .pagination li.active a,
.featured-post-control:hover,
.featured-post-control:hover i.fa,
input[type="submit"],
.homepage-3 .featured-post-control,
.homepage-3 .featured-post-control i.fa { background-color: #8e44ad }
.tags-list a:hover,
.box-readmore-btn:hover,
.post-navigation .pagination li a:hover,
.post-navigation .pagination li.active a { border-color: #8e44ad }
You need to replace #8c44ad with your own color codes. Make sure you changed color. Make sure you changed color, background-color & border color value.