Problem with FT:Team widget in Flash theme | ww.wp.xz.cn

Resolved glynf
(@glynf)

6 years ago

Hello,

I’m having some problems with the FT:Team widget on a site I’m working on.

At the moment I have a row with three columns, with the FT:Team widget in the centre cell. There is an image which is 400px wide for the team member image.

If I view the page on a PC it looks OK, however if I view it on an iPad the image displays at full width of the screen and looks ridiculous.

I tried playing around and changing the row so that there is just a single column with the widget in it, but if I do that, it breaks it on the PC too and the image again becomes massive.

The only solution I have found to make it look reasonable on an iPad is to add some padding to the left and right of the image in order to keep it a bit smaller, but this doesn’t seem like an ideal solution.

Is there something I’m doing wrong, or is there a solution please?

Many thanks!

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Ashesh Magar
(@asheshmagar)

6 years ago
Hi there,

Please add the following CSS:
```
@media screen and (max-width: 768px) {
    .tg-team-widget img {
        width: 75%;
    }
}

@media screen and (max-width: 468px) {
    .tg-team-widget img {
        width: 100%;
    }
}
```
You can play with the width property and set as you like.
Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

Thanks and Regards,
Ashesh
Thread Starter glynf
(@glynf)

6 years ago

Thanks Ashesh – that’s fixed it 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Problem with FT:Team widget in Flash theme’ is closed to new replies.

2 replies
2 participants
Last reply from: glynf
Last activity: 6 years ago
Status: resolved