-
AuthorPosts
-
February 8, 2021 at 5:57 am #1278537
Hi,
on this closed post
https://kriesi.at/support/topic/make-blog-post-previous-and-next-arrows-bigger/
I could not exactly understand how to have on both arrows the text in the inner part of the arrows and the featured visible only when hovering.
Now my page is like that instead
Thanks
February 8, 2021 at 5:36 pm #1278726Hey Daniele,
Did you add the code shared here to your functions.php file? https://kriesi.at/support/topic/make-blog-post-previous-and-next-arrows-bigger/#post-662751
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaFebruary 8, 2021 at 11:14 pm #1278858Yes I added this
.avia-post-next.with-image { text-align: left; }
but it is not what I needed, so I removed it; because it just moved the text lefter but doesnt swap the text with the featured image icon.
Basically i need:
previous
text-image
next
text-image
now instead is mirrored:
previous
text-image
next
image-texthere the website
phoenixdivers-kohlanta.com/newsThanks
February 9, 2021 at 6:08 pm #1279178Hi Daniele,
Well, you will need to rewrite the whole function that renders it, in this case. Just a snippet will not do.
Best regards,
VictoriaFebruary 10, 2021 at 3:47 am #1279288Thanks Victoria
What you mean? that is not possible?Any other idea?
You can seen from the screenshot above that like that is not very nice…February 13, 2021 at 5:24 pm #1280271Hi Daniele,
It is possible but you need to know what you’re doing. You can use it as it is or hire a freelancer to change it for you since such an adjustment is out of the scope of the support that we provide here.
Best regards,
VictoriaFebruary 15, 2021 at 8:06 pm #1280626ok thanks.
other changing ideas staying inside the scope of the support?
Because if I leave these or the original setting, then the arrows go above on the related entries list…February 17, 2021 at 12:25 pm #1281672Hi Daniele,
We can help to adjust some css and make minor changes but not changing the element like that. Do you have a screenshot of this:
Because if I leave these or the original setting, then the arrows go above on the related entries list…
We can adjust it for you.
Best regards,
VictoriaFebruary 19, 2021 at 7:57 pm #1282317February 21, 2021 at 7:28 pm #1282634Hi Daniele,
Here is how I see it. https://share.getcloudapp.com/wbu9YGbG
And of course, if you’re at the bottom of the page the next link is over other elements.
Do you mean this visual does not work for you?
Best regards,
VictoriaFebruary 22, 2021 at 10:47 pm #1282921Yes exactly Victoria, if when at the bottom the link were not above the other element, It would be much better!
Thanks againFebruary 23, 2021 at 5:51 pm #1283166Hi Daniele,
They are only over the element when you hover over them, usually, they are hidden on the sides. This is how they are built. Where do you think they should go then?
Best regards,
VictoriaFebruary 23, 2021 at 6:18 pm #1283188Uh I just wonder if it would be possible not to touch the element below, when extended, like they do not touch the main text aboce, even though extended.
Thanks
February 23, 2021 at 9:04 pm #1283240Hi Daniele,
Well, the width of the related posts block can be reduced, then it might not touch.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.single .av-content-full > .related_posts { max-width: 800px; }
If you need further assistance please let us know.
Best regards,
VictoriaFebruary 25, 2021 at 7:05 pm #1283734Hi
I actually need to reduce what’s below. the block is not touched by the arrows.
What is touched is the related entries thumbnail. (as for my previous screenshot) Can that be reduced?
ThanksFebruary 27, 2021 at 5:53 pm #1284128Hi Daniele,
I gave you this code for that specifically. What else do you need to reduce?
Best regards,
VictoriaMarch 5, 2021 at 5:54 pm #1285863March 12, 2021 at 5:30 am #1287579Hi,
Thanks for the update, and sorry for the late reply. It won’t be possible to avoid the flyout to not cover any elements unfortunately. Maybe you want to apply a solid background instead? That way the elements under it, won’t shine through.
Best regards,
RikardMarch 12, 2021 at 9:37 pm #1287879Hi, what you mean with solid background?
thanksMarch 16, 2021 at 1:51 pm #1288528Hi,
The box which flies out when you hover over the arrow has a semi transparent background, I’m asking if you want to make that background solid.
Best regards,
RikardMarch 17, 2021 at 10:45 pm #1288802Uh I see, no thanks it will not change my “issue”
If possible, I’d like to get the less wide the the related entries thumbnail.
Otherwise no problem, this “issue” is not that big.Cheers
March 22, 2021 at 3:45 am #1289539Hi,
Thanks for the update. It will be difficult to make it smaller, and still fit all the content in there unfortunately.
Best regards,
RikardMarch 26, 2021 at 9:55 pm #1290639No worries guys, it’s fine like that. we can close this topic for me.
thanks againMarch 28, 2021 at 12:34 pm #1290851Hi Daniele,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Edit post arrows’ is closed to new replies.