I changed the CSS To the following and the situation prevails:
img.pis-thumbnail-img.alignleft.wp-post-image {
height: 10%;
width: 10%;
}
By the way, the plugin really falls apart on mi iPhone 7 Plus.
Hello Orlando,
I tried visiting your website but it’s not online in this moment. I will try later.
By the way, the plugin really falls apart on mi iPhone 7 Plus.
Do you mean that the elements aren’t displayed correctly? This is a matter of CSS or, in other words, of the current theme you are using. The plugin only extracts the data from the database. Then it’s a job of the theme to display them correctly and give them an aesthetically pleasant aspect.
Anyway, I am here to help you! 🙂 As soon as your website comes online, I will give you the correct CSS rules.
Sorry about the inconvenience. It was working fine (sort of) when I wrote you.
This site is with Bluehost, so you know how that goes. It sucks!!!
In any case, I called them and the say it will be back up “in an hour or two”. AT this point nothing works. No front end, no FPT, no email, no Bluehost control panel.
I guess there’s nothing I can do but wait.
Sorry again and thank you for your prompt response.
The website is already working.
First, remove the following rules that you have added:
img.pis-thumbnail-img.alignleft.wp-post-image {
height: 10%;
width: 10%;
}
and paste these instead:
#ul_pis_posts_in_sidebar-3 li.pis-li {
overflow: hidden;
margin-bottom: 5px;
}
#ul_pis_posts_in_sidebar-3 p.pis-thumbnail {
width: 30px;
height: 30px;
float: left;
margin-top: 5px;
}
#ul_pis_posts_in_sidebar-3 p.pis-title {
margin-left: 40px;
}
@media screen and (max-width: 480px) {
#ul_pis_posts_in_sidebar-3 img.pis-thumbnail-img.alignleft {
width: 100% !important;
height: 100% !important;
}
}
These rules should work fine even in your iPhone.
Note that these rules are tied to the current widget #3 (note the leading #ul_pis_posts_in_sidebar-3 ID selector) and work with this widget only. If you add another Posts in Sidebar widget, the ID of the widget will be different and the rules won’t be applied to this new widget.
Please, let me know.
Something is still wrong.
My iPhone works fine but on my computer my website has teeny weeny photos. I liked them more or less at 10% their regular size.
If you want larger images, change the following values until you’re satisfied:
1) change width and height of the second rule from 30px to 50px;
2) also change the margin-left of the third rule from 40px to 60px (that is 10px bigger than the value of the step 1).
Adjust these values if you want bigger or smaller sizes.
Please, let me know.
Something still isn’t right.
I increased the numbers like you suggested and the photos stayed tiny.
I blew them up really big and then I get a huge margin between the photos and the copy.
I currently see this image:
Do you want larger images? If you use my last post, you can obtain this:
Is this OK for you?
Actually, I discovered something weird. I’m not seeing the same thing at my end that you are seeing at yours.
Maybe it has something to do with my Chrome browser.
When I open the site in Firefox it appears the same as yours.
I will conduct further research and let you know.
As for your latest suggestions, I prefer the second option better.
Please download this file and you will see what I’m getting at my end: http://www.accuratecommunications.com/illustration.jpg
Now I’m seeing it correctly.
The only thin g left is to find which extension was breaking my browser.
Thanks for all your help.
Maybe it has something to do with my Chrome browser.
On my computer, with Chrome I see the same as with Firefox.
Please download this file and you will see what I’m getting at my end: http://www.accuratecommunications.com/illustration.jpg
Perhaps the image is corrupted. I see this:
I found the problem. It was one of my extensions.
Before I let you go, is there a way to have the post links open in a new window instead of in the same window?
Currently not, for the simple reason that we publish a list of posts of the same site.
I could add an option for it, but do you think that it could be a good option? For example, I click on a title in the widget of Posts in Sidebar and the site opens a second tab of the same site. Than I click on another link in the widget and a third tab is opened. All tabs are from the same site. Usually opening a link in another tab is reserved for external links. Let me know what you think. 🙂
Anyway, you could use Javascript to do this.
