-
AuthorPosts
-
August 25, 2014 at 5:52 pm #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; }}August 26, 2014 at 4:36 am #309100Hey 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,
IsmaelAugust 26, 2014 at 9:01 am #309188Sorry Ismael, Of course : http://shutterliving.com/portfollio-mixed/
August 27, 2014 at 11:40 pm #310101Hey!
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,
YigitAugust 28, 2014 at 10:17 am #310319Hey 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
August 28, 2014 at 10:22 am #310323Hey!
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,
YigitAugust 28, 2014 at 11:03 am #310339https://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, 3 months ago by Jamie A.
September 2, 2014 at 5:01 pm #312415Hi!
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,
PeterSeptember 11, 2014 at 12:59 pm #317330Peter, thanks for this! I am marking this as resolved
-
AuthorPosts
- The topic ‘side post navigation – Next page tab looking strange’ is closed to new replies.