Alter Post Title Location

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

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 https://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

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

I didn’t get a notification that you replied.

Thanks!

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

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.

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;
}

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?

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 ??

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