Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Where is the page title background set?

Featured Lock Resolved
I installed the quick start. Where is the background image set that is at the top of the pages (not the home page which is a slideshow)?

http://long2consulting.com/joomshapertest/index.php/reservations

I can't figure out where this is being set.....

12 Answers

lindalong

More than a month ago #Permalink
And after a lot of digging and comparing the demo with the site I'm working on I finally figured this out.

The .sp-page-title is set in the menu.

Helix Page Title tab. Yes, pulls in the .sp-page-title.

I'm assuming that if I upload another image from that tab, that the image will switch per page.

Toufiq - Staff

More than a month ago #Permalink
Dear,

Thanks for your query. Please follow the below instruction.

1. Images path
templates\shaper_cuisine\images\title-bg.jpg
2. CSS code

.sp-page-title {
background-color: #333;
background-image: url(../images/title-bg.jpg);
background-size: cover;
margin: 0;
padding: 180px 0 100px;
background-repeat: no-repeat;
background-position: 50% 0;
text-align: center;
}


-Thanks

lindalong

More than a month ago #Permalink
Hi Toufiq
I see the css code for the class, but where in the template is it pulling in the image?
Is it in the template layout?
In SP Page Builder?
Somewhere else?

Reason I'm asking is that seems to go behind both the header and the page title in the demo.
When I try to add a graphic in the template layout it only goes behind the page title or the header and not both?
This is the site I'm working on:
http://monavwellness.com/jmla3/

I added the top area but am still trying to figure out how to format it so it will take the social icons (right now it wants to stack them) and it is adding a class called "custom" that I can't figure out where that is coming from.
The home page slideshow I have figured out ok.
The alternate pages I wanted the graphic like the demo behind the header and page title?
Compare
http://monavwellness.com/jmla3/index.php/services/ayurveda-consults

with

http://monavwellness.com/jmla3/index.php/about/edie-starrett-bio

In http://monavwellness.com/jmla3/index.php/about/edie-starrett-bio I wanted the image to extend down into the page title, not just the header.

I hope this makes sense.
Thanks
Linda

lindalong

More than a month ago #Permalink
Ultimately I'm trying to make a template similar to this site, but with different colors. This site is a Wordpress site and my client does not want us to use Wordpress...so I'm trying to re-invent the look in Joomla. http://derekdeprey.com/

Toufiq - Staff

More than a month ago #Permalink
lindalong wrote:

Ultimately I'm trying to make a template similar to this site, but with different colors. This site is a Wordpress site and my client does not want us to use Wordpress...so I'm trying to re-invent the look in Joomla. http://derekdeprey.com/


Dear,

Thanks for your reply. I would request to you that, don't make confusion about your query. Because of your first question and last two reply are not slimier. That's why again i said that, please make your query in details (If possible make point out about your query). If you can't understand about my reply, please let me know.

-Thanks

lindalong

More than a month ago #Permalink
Well obviously it would help if you spoke English as a first language. Sorry I will try to make this easier. Just answer this:
Where does the image/css that you answered with get called into the HTML?

I do not see where this class is called anywhere in template settings, layout area settings, sp builder, or menu settings....

In the demo content I can see the graphic, I can see it is in the css, but I cannot find HOW it is being pulled into the HTML. I do not see any reference to the .sp-page-title class anywhere.....

Toufiq - Staff

More than a month ago #Permalink
lindalong wrote:

Well obviously it would help if you spoke English as a first language. Sorry I will try to make this easier. Just answer this:
Where does the image/css that you answered with get called into the HTML?

I do not see where this class is called anywhere in template settings, layout area settings, sp builder, or menu settings....

In the demo content I can see the graphic, I can see it is in the css, but I cannot find HOW it is being pulled into the HTML. I do not see any reference to the .sp-page-title class anywhere.....


Dear,

Thanks for your reply. Please check below file location of images, css, js etc

Root image path
root\images

Templates files
templates\shaper_cuisine\images
templates\shaper_cuisine\less-css
templates\shaper_cuisine\js
templates\shaper_cuisine\css

-Thanks

lindalong

More than a month ago #Permalink
Toufiq
Thank you for your response. Your answer does not answer my question.
I found the answer myself. There are 3 areas where settings are set in these templates.
The template's setting and layout.
SP page builder
Menu

In this case the .sp-page-title graphic is added through the Helix menu setting for Page title. That is the answer I was trying to find out.
Where is the css pulled into the html. Not locations on a hard drive.

Clearly you did not understand what I was asking even though I was pretty clear that I was trying to figure out where that graphic was coming from and how to reset it but could not find where to reset it in the three setting areas.

Toufiq - Staff

More than a month ago #Permalink
lindalong wrote:

Toufiq
Thank you for your response. Your answer does not answer my question.
I found the answer myself. There are 3 areas where settings are set in these templates.
The template's setting and layout.
SP page builder
Menu

In this case the .sp-page-title graphic is added through the Helix menu setting for Page title. That is the answer I was trying to find out.
Where is the css pulled into the html. Not locations on a hard drive.

Clearly you did not understand what I was asking even though I was pretty clear that I was trying to figure out where that graphic was coming from and how to reset it but could not find where to reset it in the three setting areas.


Dear, Please check video tutorial for solve your query. Thanks

lindalong

More than a month ago #Permalink
Toufiq wrote:

lindalong wrote:

Toufiq
Thank you for your response. Your answer does not answer my question.
I found the answer myself. There are 3 areas where settings are set in these templates.
The template's setting and layout.
SP page builder
Menu

In this case the .sp-page-title graphic is added through the Helix menu setting for Page title. That is the answer I was trying to find out.
Where is the css pulled into the html. Not locations on a hard drive.

Clearly you did not understand what I was asking even though I was pretty clear that I was trying to figure out where that graphic was coming from and how to reset it but could not find where to reset it in the three setting areas.


Dear, Please check video tutorial for solve your query. Thanks


-----------------------------------------------------------------------------
And this is the answer I was looking for..... With my method, you can change them per page or all of them at one time. Your way will only change them all at one time.

Toufiq - Staff

More than a month ago #Permalink
lindalong wrote:

Toufiq wrote:

lindalong wrote:

Toufiq
Thank you for your response. Your answer does not answer my question.
I found the answer myself. There are 3 areas where settings are set in these templates.
The template's setting and layout.
SP page builder
Menu

In this case the .sp-page-title graphic is added through the Helix menu setting for Page title. That is the answer I was trying to find out.
Where is the css pulled into the html. Not locations on a hard drive.

Clearly you did not understand what I was asking even though I was pretty clear that I was trying to figure out where that graphic was coming from and how to reset it but could not find where to reset it in the three setting areas.


Dear, Please check video tutorial for solve your query. Thanks


-----------------------------------------------------------------------------
And this is the answer I was looking for..... With my method, you can change them per page or all of them at one time. Your way will only change them all at one time.


Dear, Thanks for your reply. You can change this way. Thanks


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 146
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 66
Pavel

Pavel

Total Accepted Answers: 5
M

Mel

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us