Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2013 at 6:28 pm #162378
    webWahine

    hi there

    i have added this to my css, which removes the thumbnail:

    .avia-post-nav .entry-image {
    display: none!important;
    }

    i am also trying to reduce the width of the area on rollover, and tried:

    .avia-post-nav:hover .entry-info-wrap {
    width:140px;}

    but the text is not displaying properly now; please advise, thanks :)

    September 18, 2013 at 3:36 am #162668
    Ismael

    Hey,

    You can add this:

    .avia-post-nav .entry-info {
width: 100px;
}

    Regards,
    Ismael

    September 18, 2013 at 4:28 am #162731
    webWahine

    hi, again

    that didn’t change the width of the rollover area itself – i’d prefer to actually keep the thumbnails, but for some reason when i was importing the images, some worked OK and others are seen as much larger in the post thumbnail list when editing – perhaps a flaw in the host…

    regardless, the rollover to the left is now wrapping the text and to the right it still looks like about 240 pixels on hover, but i think that if the name isl onger than 100 pixels it’s going to wrap, and i just want the overall hover area to be tighter

    thanks again :)

    September 18, 2013 at 9:12 pm #163148
    Devin

    Hi webWahine!

    We’ll need to see the site live and inspect what you have now in an example. You can use http://goo.gl to hide your URL if you need to.

    Regards,

    Devin

    September 18, 2013 at 10:36 pm #163203
    webWahine

    Thanks!

    I put the thumbnails back in here –

    goo.gl/6zdyuS

    You’ll see how some jump out of the circle; each portfolio entry that looks odd seems to have an enlarged image in the thumbnail on the portfolio list page. I has having a lot of trouble uploading images while populating the entires.

    September 19, 2013 at 5:59 am #163392
    Ismael

    Hi!

    You can use this:

    .avia-post-nav:hover .entry-info-wrap {
width: 140px;
}

.avia-post-nav .entry-info {
width: 100px;
}

.avia-post-nav.avia-post-prev .entry-image {
position: relative;
left: 20px;
}

.avia-post-nav.avia-post-prev .entry-image {
position: relative;
right: 20px;
}

    Cheers!
    Ismael

    September 19, 2013 at 4:57 pm #163669
    webWahine

    Thanks. With a bit of tweaking I have gotten it how I’d like it, however, the odd scaling of the thumbnails remains a mysteery – any thoughts on why it is doing that?

    September 20, 2013 at 7:49 am #163938
    Ismael

    Hi!

    I suggest you upload uniform image sizes for each post. WP crop the thumbnails which varies depend on the original image size.

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Hide thumbnails for left and right arrows Enfold, and shorten width of rollover’ is closed to new replies.