[Gnosis123Participant]

I’ve tried many different css you have listed on other related posts. The image is reduced on PC full screen but as you scale down the browser as for various media (responsive) it looms large again before scaling down. For tablets its huge. Currently using this one.

@media (min-width:970px){
.blog .entry-featured {
width: 30%;
margin: 15px auto;
}
}

[Gnosis123Participant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! Please clarify the issue, the feature image on your posts is responsive on my end.

Thanks.

[Gnosis123Participant]

The featured image begins to reduce in size as the page scales down then jump up in size when it reaches around tablet size making it too large… it then continues to reduce as it gets smaller.

I also loose my formatting (background images drop out) as it gets to tablet size. As your screen shot shows – background image is gone.

[FriechModerator]

Hi There,

Your background image will only display on a screen width larger than 1300px (desktop), because you have the background CSS code inside a @media query.

About the feature; you have the image width: 30% under a screen of 1300px, that is why when you resize the browser window and it reach below 1299px, the featured image jump back to its default width which is 100%.

1300px and above

1299px and below

You can move those code outside the @media query block, so they will become consistent (affects both mobile and desktop).

Hope it helps, Cheers!

[Gnosis123Participant]

Many thanks!

[Gnosis123Participant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating.
You can add this under Custom > CSS in the Customizer.

.buddypress.activity .activity-inner img {
  display: block;
  width: 300px;
}

Let’s change the width or add more CSS if needed.

Cheers!

[Gnosis123Participant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please update both X and cornerstone.

To fix the issue with card elements, please try to reduce the card padding to 5%.

Hope it helps.

[Gnosis123Participant]

Updated x and cornerstone. Padding reduced to 5%. Still losing items off card fronts now at screen 705 width. The larger purple card drops items at 766

[ZeshanMember]

Hi Gnosis,

To fix the issue, add following CSS under Custom > CSS in the Customizer:

.x-card-outer .x-face-content {
  width: 100%;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

[Gnosis123Participant]

Yep… did the trick! and will do separate threads in the future. Cheers!

[ChristopherModerator]

Glad we could help you with this.

[Author]

Posts