Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 29, 2014 at 7:44 pm #244854
    Hande-K

    Hi;

    I’m using Enfold Enfold Version 2.6.2 for my blog and really love it (my web page). But there are a few points that i couldn’t change and i need your help

    1) On my post’s images, sizes are getting smaller. But i want to show them in the middle of screen in their exact sizes without lightbox (with 900px). I’m a photographer and image quality is very important for me, when image sizes changes the quality sucks.
    I found a few codes to correct this in this forum. This is the last CSS code that i used;
    #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 900px;
    }
    #top .fullsize .template-blog .blog-meta content-wrapper > * {
    max-width: 900px;
    }

    But when I’m using this code, I had some problems in some browsers;
    Chrome: I can preview images in the middle of screen but max size in 800px
    Firefox , Explorer and Opera : I can preview images in 900px but they are on the right side of the screen.

    2) When i’m looking my web page from a mobile phone, my logo and social icons are overlapping. (This problem began with last update)

    3) I want to add a “pin it” button to the upper corner of images (example)

    I’ll really appreciate if you can help me in this 3 points.

    • This topic was modified 10 years, 9 months ago by Hande-K.
    March 31, 2014 at 1:34 pm #245430
    Yigit

    Hey Hande!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1-

    #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 100%; }

    2-

    @media only screen and (max-width: 767px) {
#header_main { height: 110px; }
#header_main .social_bookmarks { top: 110%; }}

    3- Please try using this plugin https://wordpress.org/plugins/pinterest-pin-it-button/

    Regards,
    Yiğit

    April 2, 2014 at 2:25 pm #246532
    Hande-K

    Dear Yiğit, thank you for your help.

    I tried both 2 codes.

    The second code solved my problem and mobile version preview corrected perfectly.

    But i still have problem about blog post images. Although i added the CSS code that you gave me the images are still small in single post with big preview image style. For exapmle this image‘s original size is 963 × 643 but in this page it looks smaller than this. Is there another code or way to show images in their original sizes?

    Regards;
    Hande

    • This reply was modified 10 years, 8 months ago by Hande-K.
    April 2, 2014 at 2:28 pm #246535
    Yigit

    Hey Hande!

    Please add following code to Quick CSS as well

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

    please flush browsers cache after applying the code and refresh your page a few times

    Best regards,
    Yigit

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