Support Forums

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

Your Time: Our Time:

Helix page title background image proportionally resized

Featured Lock Resolved
Ciao. My clients would like the Helix page title background image to be proportionally resized in joomla's articles so that the result is the whole image display as it appears on the desktop.

I set contain background size but I don't have the expected resalt.
Can you please let me know how I can have want I need?
Thank you for your time.
Milo

Attachments (3)

  • contain_js.jpg
    contain_js.jpg 69.4 KB
  • desk_js.jpg
    desk_js.jpg 337.9 KB
  • mobile_js.jpg
    mobile_js.jpg 181.7 KB

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Actually it's possible but it won't look that good. That's why i would suggest not to change the default settings. But if you want to change that then please use any of the following css into your custom css to get the full image.
First One:

@media only screen and (max-width: 500px) {
.sp-page-title.has-bgimage {
background-size: 100% 100%;
}

}


Second One:


@media only screen and (max-width: 500px) {
.sp-page-title.has-bgimage {
background-size: 100%;
background-position: center;
}
.sp-page-title .container {
margin-top: 10%;
}

}


Here is the custom css field https://prnt.sc/ijudw8

-Best Regards

alejoomlashaper

More than a month ago #Permalink
Ciao,

I am very happy for your answer so now I have a strong argument for making my client desist from making that change!
Tahnk you for your time and have a nice day.
Milo

Sifat - Staff

More than a month ago #Permalink
You are always welcome.


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 135
Sifat

Sifat

Total Accepted Answers: 86
Toufiq

Toufiq

Total Accepted Answers: 53
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293138

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