How to Make Images Fit the Browser Window While Resizing

jan7
Active member
Topic Author
New Member

1 week 23 hours ago #51760 by jan7

How to Make Images Fit the Browser Window While Resizing was created by jan7

Hi

I have chages the picture on my forntpage (Basketball template)
I wish the picture to fit my browser window while resizing. my website is www.jkskarate.dk
Please advice

Best regards,
Jan

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 week 1 hour ago #51761 by milos

Replied by milos on topic How to Make Images Fit the Browser Window While Resizing

Hello,

In the file /media/templates/site/basketball/css/custom.css change this:

Code:

.toprow {
    background: #000 url(../images/custom/top_bg.jpg) no-repeat;
}

to this:

Code:

.toprow {
    background: #000 url(../images/custom/top_bg.jpg) no-repeat;
    background-size: 100% auto;
}

Regards,
Milos

The following user(s) said Thank You: jan7

Please Log in to join the conversation.

Time to create page: 0.173 seconds