Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#992160

Hi
in the demo image size is 1600x832px .
You also need to add the introtext in the module so it fill the background .
Example intro text below :

<div class="intro-content">
      <div class="intro-text">
        <div class="info">My name is Jason. <br>I’m Designer
        </div>
        <p class="sub">I have over 15 years' experience working in digital design and this is a selection of my recent projects. Take a look around and if you want to work together, please feel free to <a href="/jason/index.php/joomla-pages/other-pages/contact">get in touch.</a></p>
      </div>
</div>

Image : http://ja-jason.demo.joomlart.com/images/joomlart/intro-3.jpg

[jimfmla Friend jimfmlaJoin date: December 2016Posts: 4Downloads:79Uploads:3 Thanks: 1]

#992236

Thanks again for your response. I followed your instructions including adding the appropriate div classes and it works.

One last question, is there a way to get the entire image to fit within that bar? Only half of the image that I am using is showing and I would like to see the entire image within that intro bar. I have tried the same image in a few different sizes but it doesn’t work.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#992254

Hi
its due the to content height but you can make changes in below code to make the bg in the centre
Open /templates/ja_jason/css/themes/green/template.css

Find

.t3-header {
    background: #ffffff no-repeat center top;
    background-size: 100% auto;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0;
    position: relative;
}

Replace it with

.t3-header {
    background: #ffffff no-repeat center;
    background-size: 100%;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0;
    position: relative;
}

Hope it helps .

[jimfmla Friend jimfmlaJoin date: December 2016Posts: 4Downloads:79Uploads:3 Thanks: 1]

#992930

This worked perfectly, thank you.

[Author]

Posts