Tagged: borders
Hello,
I’ve just added AddToAny Share buttons because of my style of blog posts that don’t require readers to read the whole post. ( example https://www.dominiquehurley.com/tune-in-10-do-you-get-the-connection/)
But the buttons are a bit too squished ot the text. Is there any way to push the left border of my posts / pages a bit? Not too much, but a bit? I have it programed so they don’t appear on mobile (screens less than 931 pixels).
Also, your left and right navigation “appear on hover” left tab for blog posts is now hidden under the buttons. Any way to move those down a bit?
I’m not a techy, so if there’s any disadvantage to my adding the CS code to make such changes, please let me know.
Thank you.
Dominique
Hey dominiquehurley,
Try this code in the General Styling > Quick CSS field:
@media only screen and (min-width: 931px) { .container {padding: 0px 80px!important; }}
This adds 30px of left padding to pages / posts of a minimum 931px. The default is 50px, try out different numbers to see what you like :)
Please clear your cache :)
Best regards,
Mike
Fantastic. Thank you. And I found a way to lower the buttons not to cover the tabs to go to previous and next blog posts. But I don’t want to push them too far down. Could you give me a code please to move those tabs 50 pixels higher? Thank you.
Hi,
The Nav tabs are set by percentage, 50% is default, but this might look good, try different numbers :)
#top .avia-post-nav {top: 30%!important; }
Best regards,
Mike
Perfect. Thanks Mike!
Hi,
I’m glad Mike’s solution was able to help you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon