Spread Team text CSS?

1

Hi. How can we insert a CSS so that get mostvout of the space under the photo? See screenshot

Screenshot_20240308_135640_Chrome
Screenshot_20240308_135640_Chrome1080×2400 158 KB

2

Hey there,

Let me see it, please provide URL of the page and I will check if it’s possible to fix it by custom CSS.

Regards,

3
4

Hi there,

Please add this CSS code in the Appearance > Customize > Additional CSS:

@media only screen and (max-width: 992px){
#team .section-content .person .person-image {
    width: 100%;
    margin-right: 0px px;
    float: none;
}
#team .section-content .person .person-content {
    width: 100%;
}
}

Regards,

1 Like
5

Thank you! Works… Michael

6

Sorry, it seems to work on smartphones, but on the PC it´s still the same issue. How to fix that? See this Screenshot by Lightshot

7

Hi @EMA1

The code provided above will only work for mobile devices, if you want it to work for all devices use this version:

#team .section-content .person .person-image {
    width: 100%;
    margin-right: 0px px;
    float: none;
}
#team .section-content .person .person-content {
    width: 100%;
}

Regards,

8

Still no changes, even with this code. Can you provide a different code that will take care of the issue? Screenshot by Lightshot

9

Hey there,

That how it should be: Screenshot by Lightshot most probably code was not added properly, please check.

Regards

10

I´ve checked multiple times and cannot see where the error is. See attached screenshot from theme CSS.
screenshot

11

Hey there.

Use that css at the top of your CSS box and let me know the results.

Regards,

1 Like
12

That works :slight_smile: Thanks!

13

Hey there.

Thats great :smiley: Let me know if there is anything else.

Regards.

1 Like