-
Posts
-
Hi Kriesi support!
How can I:
1) Remove gravatar rounding;
2) Remove next and previous post previews rounding (on the left and right side of the page);
3) Replace default CSS overlay on images with custom (I need just plain overlay without any icons);
4) Put custom social buttons to the left side of the post so they could be as close as possible to the post, but not to the screen border (need to know place where to insert the code)
5) Put social buttons on the bottom of each post previews in the post entries (I have already put buttons on the bottom of the post)And one more question. If I use avia images in blog instead of regular, do the pages load gradually when I scroll down or they load at ones? How do search engines like this option? Do they index these images and pages correct as regular ones?
Thank you!
Hi!
1. remove gravatar by using this in Quick CSS:
.gravatar img { display: none; }2.
.avia-post-nav .entry-image { display: none !important; }3. Not sure if I understand you correctly. Do you want to remove the items in the lightbox? You can remove the close icon for example by using this code:
div.avia-popup .mfp-close { display: none; }for hiding the “next” and “previous” button:
button.mfp-close, button.mfp-arrow { display: none; }4. As you are using the external plugin “Add This” and I think you can easily add their code to the beginning of your post. Please refer to their site for more information.
5. As mentioned in 4. with Add This you can add your social media as well at the bottom of each post. Please refer to their site for more info.
6. I think they will be loaded normally and yes, search engines will love them like always. Just add some nice title SEO keywords to alt tag. You might think about using a SEO plugin like the one from Yoast.Regards,
AndyHi Andy,
Thanks for reply!
1-2. I don’t want to remove gravatars and entry-image previews, just want to remove rounding, so the images could be square or rectangular but not round.
3. I mean to do this.
My original image:
Image overlay after I move mouse cursor at the image in blog (there is overlay with arrow icon):
My target is gentle overlay without icon:
4. I use Share42 script for the share buttons at the left side of the page. I prefer to minimize plugins usage to increase page loading speed. I tried to put the code into many places, but nothing helped me to display the buttons as close to the post as possible. It works good for small screens but on large devices like 30″ monitors there is a huge gap between the post and buttons.
This is the code that I use now:<div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="180" data-top2="40" data-margin="0"></div> <script type="text/javascript" src="http://dubinchuk.com/share42/share42.js"></script>5. I already have social buttons at the bottom of the post, and they are custom buttons I made myself. I just want them to display on the entries previews. I mean when I go from home page to the blog page, I can see 10 post previews on each page. The target is that social buttons could also be displayed in each post preview at the bottom, not only after I open the full post. 10 post previews on the blog page should be accompanied with 10 social buttons sets, so the user could share the post before he opens the full entry.
6. Got it!Best regards,
EvgenyHey!
I can’t see the images on your last post. Please use a public link of dropbox or imgur.com to upload images.
Cheers!
AndyHi!
1.) Use this to remove the border radius:
.gravatar img. gravatar, .avia-post-nav .entry-image img { border-radius: 0; }3.) Add this to remove the inner circle of the overlay:
span.image-overlay-inside { display: none !important; }4.) Use this to move the floating share bar:
@media only screen and (min-width: 1600px) { #share42 { left: 20%; } }5.) Edit the single.php file, add the code there.
Best regards,
Ismael
- You must be logged in to reply to this topic.