By default it shows the Site name. But if you want to use your own logo then replace the code in header.php line 69 with
<div id="logo" class="span12"><?php $a = new GlobalArea('Site logo'); $a->display(); ?></div>
Note: Keep the height of your logo to a max of 160px.
The slider used on the home page is the Responsive camera slider. It is not required for the theme to work but if you would like your site to include a slider I recommend this one. The slider is now available in the marketplace. Here is the link: https://marketplace.concretecms.com/marketplace/addons/cameracrete-slider/
These are included for Header Nav and Footer Columns. You may add as may gobal areas as you want. Just put the below code:
$a = new GlobalArea('Area Name');
$a->display();
The Luxury Theme comes with a 4 types of layouts. You can choose it from design mode. From the top edit bar choose design & then choose layout.
Across the screen you will see styled 'Read More' links that appear below a block of text. To achieve this style put the below html.
<a href="#" class="btn btn-info readmore"><span>more info</span></a>
The footer section is divided into 4 columns. So you can add any blocks over there.
You can use this area to put your latest blog posts though it is not mandatory. You can use this area for other purpose as well. I've put some style in main css to make it looks like the screenshot.
Here is the code:
<div class="item">
<div class="item_img img-intro img-intro__left"><a href="#"><img src="path/to/image" alt=""></a></div>
<div class="item_content">
<h6 class="item_title item_title__latest_posts">
<a href="post link">Post title</a></h6>
<div class="item_published">date goes here</div>
</div>
<div class="clearfix"></div>
</div>
Within the advanced footer there are some neat social icons. This is a HTML Block, but I have included the styles in the main.css and images if you would like to make use of them.
<h3 class="moduleTitle">Follow us</h3>
<ul class="menu social">
</ul>
This is a HTML Block which shows your location, email, telephone etc.
<h3 class="moduleTitle">Our Location</h3>
<ul>
<li>Address goes here</li>
<li>Telephone: +1 XXX XXX XXXX</li>
<li>E-mail:<a href="mailto:xxx@domain.com">xxx@domain.com</a></li>
</ul>
If you want to see the images of home page blocks as squared then open your packages folder under root and navigate to themes css folder. Then open template.css and find
.item_img img {
border-radius:1000px;
}
then comment it out or remove it. So that the images will be shown as squared. Currently it will show as rounded. Also if you want to put a read more link like the demo, just put the below code:
<a class="btn btn-info" href="#"><span>More info</span></a>
Note: replace # with the page link in which you want to link that block.
This thems has some images which is not mandatory to use but you can use these images for reference. But there is no limitations, you can use your own images as well.
Luxury Theme works with Google Chrome, Apples Safari, Firefox and Internet Explorer 8+ Please bare in mind that IE8 does not support CSS3 so it won't utilise any of the media queries that make the site responsive, and it will been missing some of the smooth transitions featured on areas like the navigation drop down menu as well as logo text gradiant.