Hi,

1. Please add this custom style to main-hardrock.css, please add it in the end of the file:

.intro .text-overlay {left: 55px;}

2. You will need use font face technical to add your font in html template. You can see more detail here: http://www.font-face.com/.

Hi,

I think the problem by caches in your hosting, maybe you can wait few hours and check it again? I can't see my custom style in main-hardrock.css file from your live site.

You can check it in here: http://loydster.com/metsa/styles/main-hardrock.css.

Hi,

The submenu will look like below:

<ul class="nav navbar-nav navbar-right">
  <li class="active"><a href="#anchor00">Home</a></li>
  <li><a href="#anchor01">Events</a></li>
  <li><a href="#anchor02">Artists</a></li>
  <li><a href="#anchor03">About</a>
        <ul class="submenu">
            <li><a href="menu.html">Lunch Menu</a></li>
            <li><a href="menu1.html">A La Carte Menu</a></li>
            <li><a href="menu2.html">Set Menu</a></li>
        </ul>
  </li>
  <li><a href="#anchor04">Albums</a></li>
  <li><a href="#anchor05">Gigs</a></li>
  <li><a href="#anchor06">Gallery</a></li>
  <li><a href="#anchor07">Blog</a></li>
  <li><a href="shop.html">Shop</a></li>
  <li><a href="#anchor08">Contact</a></li>
</ul>

Then please add this custom style for submenu:

/* CUSTOM STYLE */
/*Sub Menu*/
ul.submenu {
  opacity: 0;
  visibility: hidden;
  top: 60px;
  background-color: rgba(12,12,13,0.78);
  min-width: 180px;
  text-align: center;
  position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}
ul.submenu > li {
  list-style: none;
  padding: 20px 0 0;
}
ul.submenu > li:last-child {
  padding-bottom: 20px;
}
.overflow.fixed ul.submenu {
    background-color: #000;
    box-shadow: 0 1px 3px rgba(0,0,0,0.11);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-font-smoothing: antialiased;
}
ul li:hover .submenu {
  visibility: visible;
  opacity: 1;
}
.navbar-nav .submenu a {
    color: #fff;
}
.navbar-nav .submenu a:hover {
  color: #ca9e2a;
}
.current a {color: #ca9e2a !important;}
@media only screen and  (max-width : 768px) {
ul li .submenu {
  visibility: visible;
  opacity: 1;
  top: 0;
  position: relative;
}
.navbar-nav > li:hover > .submenu {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 5%;
  top: 20px;
}
.navbar-nav > li > .submenu li {
    margin: 10px 0px;
}
}

Hi,

1. Maybe you can take me some screenshot about the problem when sizes down? I don't see any problem in my side.

2. Please check my submenu code be careful, your code is wrong now so it not working.

Correct type:

<li><a href="#anchor03">About</a>
        <ul class="submenu">
            <li><a href="menu.html">Lunch Menu</a></li>
            <li><a href="menu1.html">A La Carte Menu</a></li>
            <li><a href="menu2.html">Set Menu</a></li>
        </ul>
  </li>

Incorrect type:

<li><a href="#anchor03">About</a></li>
<ul class="submenu">
            <li><a href="menu.html">Lunch Menu</a></li>
            <li><a href="menu1.html">A La Carte Menu</a></li>
            <li><a href="menu2.html">Set Menu</a></li>
</ul>

Hi,

1. I will check the video when open it by ajax with our developer.

2. You can add each image for each page with specific id like below:

<section class="intro intro-mini full-width jIntro bg-blog" id="about">
// Some thing here
</section>

Then the css will look like below:

#about.bg-blog {
    background-image: url(../images/demo/blog/bg-blog.jpg);
}

And go for other section like albums:

<section class="intro intro-mini full-width jIntro bg-blog" id="albums">
// Some thing here
</section>

Then the css will look like below:

#albums.bg-blog {
    background-image: url(../images/demo/blog/bg-blog.jpg);
}

I hope it's clearly for you.

3. You can replace your own image by change the logo-intro image in your index.html file:

<div class="logo-intro"><img src="put your image link here" alt=""></div>

You can't use learn more on slider with ajax, it no available and quite complex to do.

Hi,

For the first problem, please follow the step to fixed it:

Open this file scripts/news.js:

$(".news-content").fadeOut("slow"); 

and add .html("") to the end, like this:

$(".news-content").fadeOut("slow").html("");

Then check your website again.

Hi,

I think you just need use this:

<li><a href="#jHeader">Top</a></li>

Hi,

I don't know where the tags you want mentioned in your comment, maybe you can specific it?

Hi,

I see it's work well in your website now. It's right? Do you still need my help?

Hi,

I don't know your problem, because this is your custom code, maybe a screencast can help me understand what you want then I can see if I can do something to help you, I'm not sure I can figure out it but I will try.

Hi,

I don't try it before so it's difficult to write exactly code for you. But you will need something like this:

<div class="content-lastnew">
    <div class="close-btn close-new"></div>
    <div class="col-md-7"> <!-- columns for content -->
    <iframe width="560" height="315" src="https://www.youtube.com/embed/UXak698VknI" frameborder="0" allowfullscreen=""></iframe>
    <br><br>
    <p>Paul's performance at the Guthrie Theater in 1994 offers up the story of Kitty Genovese (and other women) as they try to coexist with men. Genovese was sexually assaulted and then stabbed to death outside her apartment building in Kew Gardens, a neighborhood in the New York City's Queens, while many people looked on.</p>
    <br>
    <p> While dedicated to Genovese's memory, this song sends a strong message about how things must change if Women are to remain safe on our streets, be free from harassment, and allowed to reach their full potential.</p>
    </div>
    
    <div class="col-md-5"> <!-- columns for button sidebar -->
        <a href="http://www.cdbaby.com/cd/paulmetsa5" target="cdbaby" style="display:inline-block;background:url(http://content.cdbaby.com/img/links/link-dark-buy-song.png) no-repeat;width:124px;height:39px;" alt="Paul Metsa: Walkin' in a Woman's World (Live)"></a>
    </div>
</div>

I can't provide support for it because it not relate with our item, so you will need figure out it with your self. But I think if you want create columns in our template, you can take a look in bootstrap grid system: http://getbootstrap.com/css/#grid.

I hope it's helpful for you to figure out it with your self.

Hi,

No problem, let me know if you still need my help in anything else.

Hi,

The both font name: Chewy and Passion One available in your website yet? You will need import it first, if it come from google fonts or you will need use font face to add this font in your website, then you can use this custom style to change the font family:

.primary-title {
    font-family: "Chewy", cursive;
}

Hi,

Unfortunately, you will need create it with your self, because we don't have anything like this in our template.

I can't provide for you any hints, because I don't try to do it before.

Hi,

Sorry again, do you still need my help in anything else?

Hi,

I think you will need remove the quote and create new div such as you do now. The quote code in below, just remove it, if you don't need it.

<div class="quote">
  <p>"If I can play one note and make you cry, then that's better than thouse fancy dancers playing twenty notes."</p>
  <p class="author">Paul Metsa</p>
</div>

To use google fonts, please check this article: https://coderwall.com/p/5vrdkg/google-fonts-using-fontface-in-your-css.

I think you can use your question on google if you try.