This plugin is not responsive??? - Connections

Support has been upgraded!

The Support Forum is closed. Not to worry! Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: 8.2.3, conflict, css, img, theme

This topic has 15 replies, 2 voices, and was last updated 11 years, 4 months ago by Steven Zahm.

Viewing 6 posts - 11 through 16 (of 16 total)

← 1 2

Author

Posts
03/30/2015 at 3:15 am #329982

Laura Núñez
Participant

Oh, i thought that if you know the theme will know the fix.

Ok

03/30/2015 at 9:39 am #330015

Steven Zahm
Keymaster

@ Laura

If it was a free publically available theme I would have installed it and tested it on my dev setup but since it is a commercial theme, I can not. Apologies I was not more clear on that point. The only thing I can tell you from the screenshot is that the theme seems to be overriding the image styles in Connections which make them “responsive”. The image should be reduced in scale to allow room for the text.

03/30/2015 at 9:43 am #330016

Laura Núñez
Participant

Ah ok ok no problem :(

Sorry for disturb, sorry sorry.

Is possible reduce the image if i add any code in your css for example if i add !important or other solutions.

Sorry :( is important for me because is my enterprise web

03/30/2015 at 10:25 am #330027
Steven Zahm
Keymaster
@ Laura

This is the style within Connections which auto adjusts the widths, most of which are already flagged important.
```
img.cn-image {
    border: none !important;
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 100%;
    padding: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: auto; /* For proper IE8 support for max-width, width:auto needs to be defined. */
}
```
As you see this is pretty explicit. You’ll have to use the browser dev tools to inspect the CSS and figure out what styles in the theme is overriding this.
03/30/2015 at 11:14 am #330035

Laura Núñez
Participant

yes yes yes yessssss

it works

Thank youuuuuuuuuuuuuuuuuuuuuu

You are the best

03/31/2015 at 11:32 am #330138

Steven Zahm
Keymaster

@ Laura

Not sure what I did, but I’ll take it :D –Thanks!
Author

Posts