We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (8)

Resolved How to insert image background in masthead position

0
Votes
Undo
  1. Cla
    Cla
  2. General Discussion
  3. Monday, 02 November 2015
  4.  Subscribe via email
Hi guys!
I'm using your beautiful template Purity iii for a lot of site. :)

But now I have a problem.
I would like to insert a background image in masthead position. I added a background image in a custom html put in masthead, but this image do not cover even the red space (please see the attachment).

So I want this image go in full width of the size, so it will cover all the red space.
Can you help me please?
Thanks in advance!
Attachments (1)
01.png 01.png
Comment
There are no comments made yet.
Responses (8)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

The best way to do this is using JA Masthead module that allows you to add content for masthead flexibly:
Info: https://www.joomlart.com/joomla/extensions/ja-masshead-module
Documentation: https://www.joomlart.com/documentation/joomla-module/ja-masshead

In this case, you don't need to do customization.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Cla
Cla
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for the answer, but I can't download it, because it's a premium solution.
Can you give me another solution please?

Thanks.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi again,

In this case, it will require some CSS. You can share your site url and i will give you some suggestion.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Cla
Cla
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for the answer!
I solved the problem in this way:



.page-masthead .row-feature.row-feature-primary {

background: url("/images/imagelink.png") no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Great to see you can handle that.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 5
Theo
Theo
Accepted Answer Pending Moderation
0
Votes
Undo
Hello, sorry to reopen the topic but i have the same problem. Can you tell me just where you write these lines of code?

Thank you in advance.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 6
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Theo,

Please insert the CSS rules to the file: templates/purity_iii/css/custom.css. If you don't find the file, please create the file.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 7
tomsson
tomsson
Accepted Answer Pending Moderation
0
Votes
Undo
what to do to get this background image responsive?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.