Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Banner width / crop centered

12-13-2014, 01:07 PM
# 1 (permalink)
filmabteam
Hello everyone,
as you may see on my website ( http://filmab-team.at ) I have a problem with the top banner.
See screenshots attached.
I want to have my banner cropped centered, so that my logo is always visible.
Did I oversee anything?

Joomla version: 3.3.6

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://filmab-team.at

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
Attached Images
File Type: jpg Bildschirmfoto 2014-12-13 um 19.04.27.jpg (8.2 KB, 9 views)
File Type: jpg Bildschirmfoto 2014-12-13 um 19.04.38.jpg (5.4 KB, 9 views)
12-15-2014, 06:57 AM
# 2 (permalink)
arefund
Hello filmabteam.

You can add the background-size to be 100%, it will make the image wide 100% and will be responsive.

Thank you.
Kindness costs the least, but is worth the most!
03-03-2015, 02:03 PM
# 3 (permalink)
crownglobal
How do I start a new thread?
I have a question about the responsive menu on my template, and it is different from other questions posted in the forum.
Thanks
05-22-2015, 06:50 AM
# 5 (permalink)
filmabteam
Quote:
Originally Posted by arefund
Hello filmabteam.

You can add the background-size to be 100%, it will make the image wide 100% and will be responsive.

Thank you.
Hey, thanks for your answer!
But what should I set for height? If I set "auto", "inherit", "100%" or nothing, the image isn't there. If I set a height in px, it won't be responsive anymore. :/

Thanks
05-25-2015, 02:48 PM
# 6 (permalink)
arefund
You can add module suffix to your banner module and then add this into your custom.css file. I tested and its working as it should.

Code:

.your_suffix img{
width: 100%;
background-size: 100%;
}
Kindness costs the least, but is worth the most!
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Members Login

Username
Password