Hey,
thanks for reaching out – I’ll gladly help! I have checked out your blog and noticed that you don’t have our plugin installed or enabled. Also, I should mention that the corrections you make via the CSS code only affect your blog directly, it doesn’t matter if we “recognize” you or not. If you wish you can read more about it here.
Would be so kind and tell me what exactly are you trying to achieve and what’s the code you have inserted?
Looking forward to your reply,
Petra
Thread Starter
M3D
(@m3d)
Hey Petra, What I was saying is that the plugin was installed but can only be seen via the mobile platform(pls use a mobile phone), then this was the CSS code I put: @media screen and (max-width: 450px) {
ul.related_post {
width: 650px !important;
}
ul.related_post li {
border-right-width: 1px !important; border-right-style: solid !important; border-right-color: rgb(221, 221, 221) !important; border-bottom-style: none !important; display: inline-block !important; *display: inline; width: 90px !important; margin: 5px 5px 5px 0 !important; padding-right: 5px !important;
}
ul.related_post li a {
display: block !important; clear: both !important; width: auto !important;
}
ul.related_post li a:nth-child(1) {
position: relative !important; display: block !important; font-size: 12px !important; text-decoration: none !important; margin-bottom: 5px !important; text-indent: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important; margin: 0px !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; line-height: normal !important; font-family: arial !important; color: rgb(68, 68, 68) !important;
}
ul.related_post li a:nth-child(2) {
position: relative !important; display: block !important; font-size: 12px !important; text-decoration: none !important; margin-bottom: 5px !important; text-indent: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important; margin: 0px !important; font-style: normal !important; font-variant: normal !important; font-weight: normal !important; line-height: normal !important; font-family: arial !important; color: rgb(68, 68, 68) !important;
}
ul.related_post li img {
width: 80px !important; height: 80px !important;
}
}
I know it will work but may be you guys have not authorize my blog. that is what I mean.. thanks
Hey,
thanks for getting back to me! I have checked your site via mobile device (Nexus 5) and I do see the related posts (check the screenshot) but unfortunately Linkwithin plugin is not ours. I am sure they will be more than happy to help you out – here is the link to their support: http://www.linkwithin.com/support
Take care and have a nice day,
Petra
Thread Starter
M3D
(@m3d)
hello petra, I recently removed it because I feel no one want to help but now that you are here I have implemented the Zemanta related post on my blog, you can check again on mobile because the style I choosed isn’t reflecting to mobile… thanks for being there, looking forward for your reply..
Hey,
please go to plugin settings-> “Customize”-> “Custom CSS” and insert this code:
.related_post_title {
}
ul.related_post {
}
ul.related_post li {
}
ul.related_post li a {
}
ul.related_post li img {
}
@media screen and (max-width: 450px) {
ul.related_post {
width: 650px !important;
}
ul.related_post li {
border-right-width: 1px !important;
border-right-style: solid !important;
border-right-color: rgb(221, 221, 221) !important;
border-bottom-style: none !important;
display: inline-block !important; *display: inline; width: 90px !important;
margin: 5px 5px 5px 0 !important;
padding-right: 5px !important;
}
ul.related_post li a {
display: block !important; clear: both !important;
width: auto !important;
}
ul.related_post li a:nth-child(1) {
position: relative !important;
display: block !important;
font-size: 12px !important;
text-decoration: none !important;
margin-bottom: 5px !important;
text-indent: 0 !important;
margin: 0 !important; border: 0 !important;
padding: 0 !important;
margin: 0px !important; font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important; line-height: normal !important;
font-family: arial !important;
color: rgb(68, 68, 68) !important;
}
ul.related_post li a:nth-child(2) {
position: relative !important;
display: block !important;
font-size: 12px !important;
text-decoration: none !important; margin-bottom: 5px !important; text-indent: 0 !important;
margin: 0 !important;
border: 0 !important; padding: 0 !important;
margin: 0px !important; font-style: normal !important;
font-variant: normal !important; font-weight: normal !important;
line-height: normal !important; font-family: arial !important;
color: rgb(68, 68, 68) !important;
}
ul.related_post li img {
width: 80px !important; height: 80px !important;
}
}
I have made a screenshot for easier navigation. Don’t forget to save the changes and refresh the page.
Let me know how it goes,
Petra
Thread Starter
M3D
(@m3d)
hello petra, I have done that now but it seems the change ain’t reflecting on mobile, I checked it on PC now its good but not reflecting on mobile…
Hey,
would it be possible to make me a guest account on your blog, so that I can take a closer look? You can send those credentials to support[at]zemanta[dot]com if you want to.
Looking forward to your reply,
Petra
Thread Starter
M3D
(@m3d)
the credentials has been sent to the above mail you provided. thanks for all the help.
Hey,
I have answered via email.
Take care,
Petra
