Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • March 25, 2015 at 11:47 pm #418209
    Elindsay

    Hi there,

    I’ve been trying to remove the navigation arrows between my blog posts, to no avail. I’ve tried the following CSS, but it has not worked:

    .avia-content-slider .avia-slideshow-arrows.avia-slideshow-controls {
    display: none;
    }

    Could you please assist?

    Many thanks,

    Elindsay

    March 26, 2015 at 2:36 am #418257
    Yigit

    Hey Elindsay!

    Please add following code to Quick CSS 

    #top .avia-post-nav { display: none !important; }

    Best regards,
    Yigit

    March 26, 2015 at 3:15 am #418283
    Elindsay

    Hi Yigit,

    That didn’t work. I have also added a feature image to a second post, and the image is now displaying inside the navigation bar.

    http://www.highcountryfarm.com.au/whats-happening-to-australias-garlic-industry/

    Thanks,

    Elindsay

    March 26, 2015 at 11:55 am #418448
    Rikard

    Hey!

    Please try the following instead:

    #top .avia-post-nav{
display:none !important;
}

    Regards,
    Rikard

    March 26, 2015 at 11:05 pm #418888
    Elindsay

    Hi,

    That didn’t work either…

    Any other ideas?

    Thanks,

    Elindsay

    March 27, 2015 at 9:23 am #419141
    Rikard

    Hi!

    Are you sure you have added the code we gave you to Quick CSS under Enfold–>General Styling? I can’t see the code being applied anywhere on your site.

    Best regards,
    Rikard

    March 30, 2015 at 1:38 am #420147
    Elindsay

    Hi Rikard,

    I placed the code at the top of all of the existing code that I had in the Quick CSS, and this worked.

    Before, I placed it at the bottom, and this did not work. So if anyone else has this issue, if you already have code in your Quick CSS, try placing the code at the top of your Quick CSS code, rather than at the bottom.

    Many thanks,

    Elindsay

    March 30, 2015 at 3:27 pm #420507
    Yigit

    Hi!

    Glad you figured it out Elindsay! Please review your custom CSS code. It should work at the bottom as well. If it is not, that means you have some issues with your custom CSS code. If you post the content of your Quick CSS here using pastebin.com we can help you as well

    Best regards,
    Yigit

    March 30, 2015 at 11:40 pm #420881
    Elindsay

    Hi Yigit,

    Here is my custom CSS code:

    #top .avia-post-nav{
    display:none !important;
    }

    .logo img {
    padding-top: 15px;
    padding-bottom: 15px;
    width:400px
    centre
    }

    /* Font style in Menu */
    .avia-menu-text {
    font-size: 14px;
    }

    span.toggle_icon {
    width: 15px !important;

    Many thanks,

    Elindsay

    March 31, 2015 at 12:03 am #420890
    Yigit

    Hi!

    Please change it to following 

    #top .avia-post-nav{
display:none !important;
}

.logo img {
padding-top: 15px;
padding-bottom: 15px;
width:400px;
}

/* Font style in Menu */
.avia-menu-text {
font-size: 14px;
}

span.toggle_icon {
width: 15px !important;
}

    Best regards,
    Yigit

    March 31, 2015 at 1:43 am #420915
    Elindsay

    Hi Yigit,

    Thanks for this – however, the code has stretched my logo in the header. Could you please fix this?

    Thanks,

    Elindsay

    March 31, 2015 at 5:30 pm #421372
    Yigit

    Hey!

    Please create a temporary admin login and post it here privately

    Cheers!
    Yigit

    October 9, 2017 at 10:23 am #861812
    Prenko

    Hi,

    I just can’t make this work.

    I have added the code

    #top .avia-post-nav {
    display:none;
    }

    and

    #top .avia-post-nav {
    display:none !important;
    }

    both in Quick CSS under Enfold–>General Styling and in style.css, in my childtheme (which usually does the trick). I have also tried to add the style by other tags but all in vain. If I add to diplay:none to the style tag #top .avia-post-nav in the browser (Chrome) when I “inspect element”, it goes away. But I can’t make it go away via any css it seems. I really don’t know what to do.

    Below are two exemples of pages where I’d like to remove the next-previous links.

    Stambyte av 46 lägenheter på Sätra 2011

    Fortsatta studier om byggnaders miljöpåverkan

    I am thankfull for all help I can get.

    Cheers,
    Rikard

    October 9, 2017 at 11:42 am #861850
    Prenko

    Hello again,

    I cleared all the cashes on the site and that did the trick! Please disregard my former post. Is there a way to delete it altogether?

    Cheer,
    Rikard

    October 9, 2017 at 12:38 pm #861872
    Yigit

    Hi,

    You can alternatively add following code to bottom of Functions.php file in Appearance > Editor

    add_filter('avia_post_nav_entries','avia_remove_post_nav', 10, 1);
function avia_remove_post_nav()
{
return false;
}

    If that too does not help, please start a new thread under Enfold sub forum and attach temporary admin logins in private content field so we can look into it. If you post your credentials here, they will be visible to creator of this thread as well.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Remove post and product navigation arrows’ is closed to new replies.