• I recently created a child theme after building my first site in Zerif Lite (backwards I know). When I updated the Zerif Lite and activated the child theme, my 3 design samples pages are all appearing reduced in size (the jpgs are 2340px wide). They are all set to full width page, but are appearing tiny.

    Any suggestions would be very appreciated! Thank you!

    Here is one of the pages:
    https://luminarsolutions.com/portfolio-2/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Dukedesign13
    Im looking to your site and it seems to be OK

    it is held by Bootstrap framework and scaled by @media property

    Here:

    .container {
        width: 1170px;
    }
    @media (min-width: 992px)
    .container {
        width: 970px;
    }
    @media (min-width: 768px)
    .container {
        width: 750px;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    So Im not sure what is your concern.
    Try to clear up your browser Cache.
    Your sample portfolio-2 is ordinary POST and it is shown this way in most Themes.
    Here is a SCREENSHOT what I see.

    So let me know
    Cheers
    TR

    Thread Starter dukedesign13

    (@dukedesign13)

    Hi thank you for replying! Yes this screen shot shows the sample images reduced considerably. The image header text should appear around 16pt and the separation lines should go across entire page. These jpgs are 2340px wide, and are now showing up much smaller. They looked fine before I switched to child theme.

    If I place this code (with edited pixel widths) in my Simple Custom CSS would that work?

    Thanks again!

    That code I gave you is part of your CSS already.
    We have to go step by step to do some tweaking
    So write me steps you want to change.
    Do the screenshot and mark what needs to be changed and what is desirable outcome.

    image header text should appear around 16pt ?????? Image Header is picture

    These jpgs are 2340px wide, it looks like pix are 640px wide
    here is when I change PIX and IMG atributes

    separation lines -it is restricted by bootstrap and post container

    Cheers
    TR

    Thread Starter dukedesign13

    (@dukedesign13)

    Hi TR,

    Yes the header, art sample and separator line is all part of the same jpg (all my jpgs are 2000-2340px. Yes they all look to be much smaller 640 now, which is the problem.

    I see on the PRINT page the images became links to click, then they enlarge. WHY?
    The DESIGN page doesn’t do this, they just appear small.

    I don’t see how to place a screen shot here. But if you compare here, you can see the difference :
    DESIGN: https://luminarsolutions.com/print-collateral/portfolio-2/
    with
    PRINT: https://luminarsolutions.com/print-collateral/
    (though I set up PRINT page differently using header text and the line separator in the code, so they look good). Images look 640 here too, though they should be much bigger.

    You have your images in your computer: 2000-2340px.
    When you upload the over media to wordpress they will change by your settings for media.
    Go to your dashboard/settings/Media
    There take a look
    Let me know
    Cheers
    TR

    Thread Starter dukedesign13

    (@dukedesign13)

    I have my max widths set at 2700px for both medium and large images.
    The image dimensions in the Media library all look correct, and appear large while I’m editing pages. Just not when I post.

    I tried deleted images and reinserting from the library, no luck.
    I tested reuploading a single image, and it still posted small. ??

    PS thank you for being so helpful I really appreciate your ideas!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Zerif Lite Pages Reduced Size’ is closed to new replies.