• Hello! Is there a way to make the post title display below the thumbnail using custom CSS. The width is too large for mobile devices (creating a poor user experience on mobile).

    If not, is there a way to remove post titles for mobile devices. I saw the topic about removing the plugin for an exact screen resolution, but is there a way to do so for a range of resolutions? I would rather not input that information for every mobile device.

    https://wordpress.org/plugins/related-posts-by-zemanta/

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

    (@potsie888)

    Only waiting three months for an answer. Guess I’ll use a different plugin.

    Hey,

    really sorry for this, yes 3 months, late reply. Completely my fault for missing your post!
    I think I can help you with adjusting the CSS but I need the link to your blog, if possible.

    Thanks for using our plugin, hopefully still, and once again – my apologies for this unintentional silent treatment.

    Have a lovely start of the week,
    Petra

    Thread Starter CoffeeNate

    (@potsie888)

    Ok, great. Thank you, Petra!

    I love the plugin, but it’s all wonky with iOS9 Safari. Here’s what is happening;

    The titles do not wrap into the content area, instead, they are extended off of the content area, which forces the browser to expand the titles past the content. The result is that 99% of the page content is forced into 1/3 of the already narrow mobile screen.

    A few things that would rectify this;
    – Removing titles altogether. Since the titles are on my Thumbnails, this isn’t an issue.
    – Remove titles for mobile screens

    I would also like to remove the “.” as I’m using the custom layout it creates an unordered list. I’d like to remove the bullets.

    The blog is located at http://freshpress.media/blog Note that the plugin is deactivated, as mobile experience was not good. Let me know if you need the plugin active to provide a solution.

    Thanks!

    Hey,

    thanks for getting back to me! I think we can fix more or less everything but yes, unfortunately I will need you to activate the plugin, so that I can take a closer look and adjust the CSS.

    Let me know when you will activate it and please note that I will need a day, max two to check things out – will that work for you?

    Take care and have a lovely Monday,
    Petra

    Thread Starter CoffeeNate

    (@potsie888)

    Great! I’ll activate it tomorrow and leave it for the weekend.

    I didn’t get a notification that you replied.

    Thanks!

    Thread Starter CoffeeNate

    (@potsie888)

    OK. The plugin is active and the posts look horrible on iPhone, again. πŸ˜‰

    πŸ˜‰
    OK, will take a look over the weekend and get back to you!

    Have a lovely Friday,
    Petra

    So, I have taken a look and I have noticed you were able to remove the titles, which is great. I assume the only thing you want to remove are those dots in front of the thumbnails?
    Now, if I understand you correctly the dots showed up, as you have used “Plain theme” but honestly, you can use for example the “Vertical (large)” one and we can then adjust it. Because to be honest, I don’t know how to get rid of the dots from the plain theme but we can remove the titles from the other themes simply adding to that “Custom CSS” box (and no dots will show up):

    a.zem_rp_title
    {
    visibility: hidden !important;
    }

    Hope this helps, if not, let me know and we will think of something else,
    Petra

    Thread Starter CoffeeNate

    (@potsie888)

    Ok, so the titles are gone, but I think the iOS Safari browser thinks there is still content in that area, as my page appears to only occupy half of the width of the screen in portrait mode. I know it is this plugin, as it appears normal when the plugin is deactivated.

    Thread Starter CoffeeNate

    (@potsie888)

    I’m sure there is something messed up in my custom CSS as it looks pretty ugly. I’m not at all skilled at coding, so if you could clean this up, it may help.

    .related_post_title {
    }
    ul.related_post {
    
    }
    ul.related_post li {
    width: 200px !important;
    height: 104px !important;
    padding-bottom:5px;
    padding-right:5px;
    }
    a.wp_rp_title
    {
    height:0px !important;
    width:0px !important;
    visibility:hidden !important;
    }
    p.padding {
        padding-bottom:5px;
    }
    ul.related_post li a {
    }
    ul.related_post li img {
    width: 200px !important;
    height: 104px !important;
    padding-bottom:5px;
    padding-right:5px;
    }
    p.padding {
        padding-bottom:5px;
    }
    ul.related_post li a {
        text-align: left !important;
    }
    .related_post_title {
    }
    ul.related_post {
    }
    ul.related_post li {
    }
    ul.related_post li a {
    }
    ul.related_post li img {
    
    }
    a.zem_rp_title
    {
    visibility: hidden !important;
    }
    Thread Starter CoffeeNate

    (@potsie888)

    I see now that the ‘dots’ are appearing because we created an unordered list. I’m wondering if we can clear that up via editing the css?

    Thread Starter CoffeeNate

    (@potsie888)

    bump πŸ™‚

    Hmmmm…I tried a couple of things but the dots won’t get away. I have an idea though. Can you photoshop exactly the way you wish to have the related posts show up on your page and also on mobile view and make me a guest account on your blog, so that I can adjust the CSS there? If that is an option you can send those credentials to support[at]zemanta[dot]com. If not, then I would still ask you to photoshop the way you wish to have them shown and I will try to get that as similar as I can πŸ™‚

    Thread Starter CoffeeNate

    (@potsie888)

    Sorry, I can’t give you access to the site. If it were my personal site, I would.

    I’m less concerned about the dots and most concerned about the iPhone experience. Despite the titles being removed, the iPhone Safari browser pushes all of the page content into less than half of the screen. When I deactivate the related posts plugin, it displays normal. This concern is more important than how they are displayed. The only display I care about is the custom thumbnail aspect ratio.

    Thanks

    OK, I completely understand.
    So, my suggestion is this – if you can clear the custom CSS you have currently inserted and also switch to any other theme, for example “Vertical (large)” in (y)our plugin settings. Also, before you do this please make a screenshot of what you want to have as the final visual result (size I assume you want 200×104, related posts one under another or?) and enable the plugin. I will try to take a look at your blog tomorrow but honestly I think I will get to it on Saturday evening. If it is possible to activate the plugin over the weekend or at least Saturday that would be amazing?

    Let me know what you think,
    Petra

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Alter Post Title Location’ is closed to new replies.