1. Travel Kit
  2. Monday, 18 April 2016
I recently purchased the travel kit template. I am unable to put the top background picture as in the demo. For example the demo has a background picture in the below page

http://demo.joomshaper.com/?template=travelkit

How will I be able to have a top background picture like that one on my website?
Accepted Answer
Toufiq wrote:

Harold wrote:

Toufiq wrote:

Harold wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.


Hi, Thanks for your reply. Please share your exact page url with background image name and location. Thanks


The website can be viewed at http://www.dasafaris.com/index.php/about-us

the background image is placed at /templates/shaper_travelkit/images/subheader-bg.jpg

Your help is highly needed.


Hi, Thanks for your reply. Please let me know that, do you have subheader row with subheader position and breadcrumb is enable (Check from template layout tab)? May be both are disable. That's why this problem. Thanks


Thanks, I have enabled breadcrumb in the modules and it is showing. Thanks so much.
  1. more than a month ago
  2. Travel Kit
  3. # Permalink
Responses (8)
sorry the link is this to the demo background picture am talking about:

http://demo.joomshaper.com/2014/travelkit/index.php/pages/about
  1. more than a month ago
  2. Travel Kit
  3. # 1
Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks
  1. more than a month ago
  2. Travel Kit
  3. # 2
Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.
  1. more than a month ago
  2. Travel Kit
  3. # 3
Harold wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.


Hi, Thanks for your reply. Please share your exact page url with background image name and location. Thanks
  1. more than a month ago
  2. Travel Kit
  3. # 4
Toufiq wrote:

Harold wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.


Hi, Thanks for your reply. Please share your exact page url with background image name and location. Thanks


The website can be viewed at http://www.dasafaris.com/index.php/about-us

the background image is placed at /templates/shaper_travelkit/images/subheader-bg.jpg

Your help is highly needed.
  1. more than a month ago
  2. Travel Kit
  3. # 5
Harold wrote:

Toufiq wrote:

Harold wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.


Hi, Thanks for your reply. Please share your exact page url with background image name and location. Thanks


The website can be viewed at http://www.dasafaris.com/index.php/about-us

the background image is placed at /templates/shaper_travelkit/images/subheader-bg.jpg

Your help is highly needed.


Hi, Thanks for your reply. Please let me know that, do you have subheader row with subheader position and breadcrumb is enable (Check from template layout tab)? May be both are disable. That's why this problem. Thanks
  1. more than a month ago
  2. Travel Kit
  3. # 6
Toufiq wrote:

Harold wrote:

Toufiq wrote:

Harold wrote:

Toufiq wrote:

Hi,

Thanks for your query. Please follow the below instruction's.
1. Please check image location
templates/shaper_travelkit/images/subheader-bg.jpg
2. Find out below css from template.css or theme.less file

#sp-subheader-wrapper {
color: #fff;
padding: 190px 0 165px;
font-size: 18px;
background: url(../images/subheader-bg.jpg) no-repeat 0 0;
background-size: cover;
}


-Thanks


I have done as you have said but to no avail. Still no picture coming up.


Hi, Thanks for your reply. Please share your exact page url with background image name and location. Thanks


The website can be viewed at http://www.dasafaris.com/index.php/about-us

the background image is placed at /templates/shaper_travelkit/images/subheader-bg.jpg

Your help is highly needed.


Hi, Thanks for your reply. Please let me know that, do you have subheader row with subheader position and breadcrumb is enable (Check from template layout tab)? May be both are disable. That's why this problem. Thanks


Hi, Yes i have sub-header and breadcrumb position in subheader row. If you can't reach there, please send me your credential via pm. Thanks
  1. more than a month ago
  2. Travel Kit
  3. # 7


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.