Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #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
    Screenshot-2021-02-08-at-04-32-51

    Thanks

    #1278726

    Hey 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,
    Victoria

    #1278858

    Yes 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-text

    here the website
    phoenixdivers-kohlanta.com/news

    Thanks

    #1279178

    Hi Daniele,

    Well, you will need to rewrite the whole function that renders it, in this case. Just a snippet will not do.

    Best regards,
    Victoria

    #1279288

    Thanks 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…

    #1280271

    Hi 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,
    Victoria

    #1280626

    ok 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…

    #1281672

    Hi 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,
    Victoria

    #1282317

    Thanks Victoria
    Here is the screenshot
    Screenshot-2021-02-19-at-18-56-06

    #1282634

    Hi 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,
    Victoria

    #1282921

    Yes exactly Victoria, if when at the bottom the link were not above the other element, It would be much better!
    Thanks again

    #1283166

    Hi 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,
    Victoria

    #1283188

    Uh 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

    #1283240

    Hi 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,
    Victoria

    #1283734

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

    #1284128

    Hi Daniele,

    I gave you this code for that specifically. What else do you need to reduce?

    Best regards,
    Victoria

    #1285863

    Hi
    I need to reduce the length in order that the arrow is not going over the related entries thumbnail
    So to avoid this
    Screenshot-2021-02-19-at-18-56-06

    But without creating this
    Screenshot-2021-02-08-at-04-32-51
    Where the text on the “next” arrow is cut

    Thanks!

    #1287579

    Hi,

    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,
    Rikard

    #1287879

    Hi, what you mean with solid background?
    thanks

    #1288528

    Hi,

    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,
    Rikard

    #1288802

    Uh 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

    #1289539

    Hi,

    Thanks for the update. It will be difficult to make it smaller, and still fit all the content in there unfortunately.

    Best regards,
    Rikard

    #1290639

    No worries guys, it’s fine like that. we can close this topic for me.
    thanks again

    #1290851

    Hi Daniele,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 24 posts - 1 through 24 (of 24 total)
  • The topic ‘Edit post arrows’ is closed to new replies.