Support » Plugin: Posts in Sidebar » Hanging indent for post titles

  • Resolved accucomm

    (@accucomm)


    Hi I use your plugin on my website and it’s great.

    I am using the following CSS to make the images smaller:

    #pis_posts_in_sidebar-3 img.pis-thumbnail-img.alignleft.wp-post-image {
    height: 60px;
    width: 60px;
    }

    However, there are two of the images in my list of posts that don’t align with the rest. I’ve tried to fix the problem using my limited knowledge of CSS but I haven’t succeeded.

    Could you please take a look and give me any suggestions.

    Thamks.

    Orlando Mergal

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

Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter accucomm

    (@accucomm)

    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.

    Plugin Author Aldo Latino

    (@aldolat)

    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.

    Thread Starter accucomm

    (@accucomm)

    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.

    Thread Starter accucomm

    (@accucomm)

    The website is already working.

    Plugin Author Aldo Latino

    (@aldolat)

    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.

    Thread Starter accucomm

    (@accucomm)

    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.

    Plugin Author Aldo Latino

    (@aldolat)

    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.

    Thread Starter accucomm

    (@accucomm)

    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.

    Plugin Author Aldo Latino

    (@aldolat)

    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?

    Thread Starter accucomm

    (@accucomm)

    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

    Thread Starter accucomm

    (@accucomm)

    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.

    Plugin Author Aldo Latino

    (@aldolat)

    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:

    Thread Starter accucomm

    (@accucomm)

    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?

    Plugin Author Aldo Latino

    (@aldolat)

    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.

    Thread Starter accucomm

    (@accucomm)

    You’re probably right.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Hanging indent for post titles’ is closed to new replies.