Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 30, 2016 at 10:23 pm #705896
    JeeBar

    I need to make my prev and next post buttons (the little tabs at the edge of individual posts) a little taller to accomodate long titles.

    I tried this per this other thread, but it’s not working.

    #top .avia-post-nav {
    height: 200px !important;
}

    https://solace.com/blog/products-tech/solace-virtual-message-router-vmr-release-7-2

    October 30, 2016 at 11:49 pm #705908
    Jordan

    Hey JeeBar,

    I visited your site and the prev and next post navigation buttons are 200px in height. You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.


    Best regards,
    Jordan

    October 31, 2016 at 1:18 am #705925
    JeeBar

    Yup, I see it now too and fresh changes take immediate effect. Cool.
    Hmm, I woulda sworn I’d shift-refreshed, not sure why it was sticky. Whatever.

    New related question — how can I style the thumbnail image that appears when the tab slides out?
    I wanna make it square, and might change the size, not sure. Thanks.

    October 31, 2016 at 4:32 am #705946
    Jordan

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-post-nav .entry-image img {
    border-radius: 0 !imporatant;
    max-width: 120px !important;
}

    Change the width to what size you want the thumbnails to display.

    Best regards,
    Jordan

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.