Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #308919

    Side post navigation – Next page tab looking strange, the images are no longer round?

    In a previous ticket I was changing the size and colour of the tab however I thought I removed all the code.

    Can anyone help get it back to looking like the original should?

    https://www.dropbox.com/s/hm1ynoip43vpon2/Captures.PNG?dl=0

    here is the Quick CSS code i have in the theme :

    #top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 800px; }

    #footer a {
    color: black;
    }
    #footer a:hover {
    color: blue;
    }

    .widget_recent_entries li a {
    font-style: normal !important;
    }

    .image-overlay {
    visibility: hidden;
    }

    div#commentform.fb-social-plugin {
    margin-left: 17%;
    }

    @media only screen and (max-width: 767px) {
    .container.template-blog {
    width: 94%;
    }}

    span.blog-tags.minor-meta {
    display: none;
    }

    .home .content { padding-bottom: 10px; }

    span.av-masonry-date { display: none; }
    .av-masonry-entry .av-inner-masonry-content { padding: 20px; }

    @media only screen and (max-width: 767px) {
    .responsive .tabcontainer .tab_titles {
    display: block;
    border-top: 1px solid #555555;
    }
    .responsive .top_tab .tab.fullsize-tab {
    display: none;
    }
    .responsive #top .footer_color .tabcontainer .active_tab {
    color: #444; }
    }

    @media only screen and (max-width: 480px) {
    .av-inner-masonry-content.site-background {
    background: rgba(255,255,255,0.5) !important;
    }}

    body .container_wrap .hr.avia-builder-el-first { margin: 10px 0; }
    .av-special-heading { margin-top: 10px; }
    .avia-content-slider { margin: 10px 0; }

    @media only screen and (max-width: 479px) {
    .responsive #top .related_entries_container .av_one_eighth {
    margin-bottom: 3px;
    }}

    #scroll-top-link {
    background-color: grey;
    }

    @media only screen and (max-width: 767px) {
    ul.av-share-box-list {
    margin-bottom: 80px;
    }
    }

    h5.av-share-link-description {
    text-align: center;
    }

    #top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a {
    color: #888;
    background-color: white;
    }
    #top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
    }
    #top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
    }
    #top #wrap_all .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49;
    }
    #top #wrap_all .av-social-link-pinterest a {
    color: #fff;
    background-color: #cb2027;
    }

    #top #wrap_all .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
    }
    #top #wrap_all .av-social-link-linkedin a {
    color: #fff;
    background-color: #419cca;
    }
    #top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-mail:hover a { color: #888;
    background-color: white;
    }

    @media only screen and (min-width: 768px) {
    .av-share-box { margin-bottom: 40px; }}

    #309100

    Hey Jamie A!

    Thank you for using Enfold.

    There are no css declaration above that will affect the post navigation. Do you mind if we take a look at the actual page? Please post the website url here.

    Regards,
    Ismael

    #309188

    Sorry Ismael, Of course : http://shutterliving.com/portfollio-mixed/

    #310101

    Hey!

    Which browser and OS are you using? I have checked your website on Safari, Chrome and Firefox on OS X 10.9.4 and thumbnails are just fine on my end – http://i.imgur.com/FxIM7YW.png

    Regards,
    Yigit

    #310319

    Hey thanks Yigit, You can see my website now ???? that’s great news (how fast is it loading for you? is it acceptable or very slow?)

    Actually Ismael answered this problem in a previous post here:

    https://kriesi.at/support/topic/iphone-rotation-issue/

    But thanks for your feedback I ran the regenerate thumbnails plugin and it got to about 10% then crashed, It took all day, it was very slow about 2 mins per image and with 3800 images in the library i think i need a different solution???

    So some of the thumbs look ok and some look bad: https://www.dropbox.com/s/xq0ovo7joe7v59k/thumb..PNG?dl=0

    #310323

    Hey!

    Yes, it loads on my end right now and it loads quite fast.
    Can you post the screenshot once again please? Link seems to be broken. I tried few combinations but did not work.

    Regards,
    Yigit

    #310339

    https://www.dropbox.com/s/h2yrcd6g64p5l5p/iii.PNG?dl=0

    That’s great news:

    Here is the link again. about 80% of the thumbnails seem to be squashed when i click the side tab navigation on my posts.

    • This reply was modified 10 years, 2 months ago by Jamie A.
    #312415

    Hi!

    You can try to insert this code:

    
    .avia-post-nav .entry-image img {
    height: auto;
    width: auto;
    }
    

    into the quick css field. It will make sure that the original thumbnail is used and the browser doesn’t resize it with css. A php script resizes the thumbnails on your server anyway (i.e. on here: http://shutterliving.com/typography/ the left thumbnail url is: http://i2.wp.com/shutterliving.com/wp-content/uploads/2012/11/Jamie-A-Cowan-08.jpg?resize=80%2C80 and the ?resize=80%2C80 parameter obviously resizes the image to 80x80px).

    Regards,
    Peter

    #317330

    Peter, thanks for this! I am marking this as resolved

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘side post navigation – Next page tab looking strange’ is closed to new replies.