Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1227530

    Hi there,

    I have a series of issues with my blogpage and individual posts

    1. on my blogpage, in desktop view, the featured images in the right column are cut off on their right sides. It seems like the whole content of all three columns is pushed to the right (in comparison to my other websites pages its content is indeed further to the right).

    2. on a blogpost, in desktop view, the featured images is being cut off on the top and bottom side

    3. on my blogpage, in mobile view, the content has also seemed have shifted to the right, images are also cut off

    4. the h1 title and h2 headlines are way too large in mobile on the blogposts, how can I adjust that so they are equally large as my other pagetitles / headlines

    5. how can I change the ‘read more’ text into dutch language?

    I hope that you can point me in the right direction, many thanks and best regards,
    Alexander

    #1228366

    Hey Alexander,

    Thank you for the inquiry.

    1-3.) You can use the Simple Image Sizes plugin to adjust the maximum size of the featured image or thumbnail used in the posts. After activating the plugin, go to the Settings > Media panel and look for the “portfolio” thumbnail. Adjust the width and height, update or save the changes, then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    4.) You can adjust the style of the heading tags in the Enfold > Advanced Styling panel.

    5.) You have to install a translation plugin like Loco Translate or Say What? in order to translate the text in the templates.

    // https://wordpress.org/plugins/loco-translate/
    // https://wordpress.org/plugins/say-what/

    And please note that we always encourage users to open separate threads for each inquiry instead of including them in a single post because it will be a lot easier for moderators to answer the question or request, and make it easier for users who might be searching for the same solution.

    Thank you for your patience.

    Best regards,
    Ismael

    #1228536

    Hi Ismael,

    Thanks for that.

    However, this does not solve the problem that the content seems the have shifted approx. 15pixels to the right, and that the right sides of the images (15 pixels of them) on my blogpage in mobile as well as in desktop view are not visible / are hidden.

    So, what causes this area to have shifted 15 pixels to the rights?

    I am hoping you can help out.

    Best regards, Alexander

    I will send you temp login to the admin in private section

    #1229371

    Hi,

    Thank you for the update.

    We don’t really see that issue on our end, and the featured image is fully visible in the post now. Could you provide a screenshot of the 15px shift on mobile view?

    Another thing that could make the grid look better is to ensure that the uploaded images have the same size and aspect ratio.

    Best regards,
    Ismael

    #1229387

    Hi Ismael,

    Please see links to images in private section.

    I made a test-blogpost with a test-image so you can see it clearly. As you can see on the small mobile views, the right side of the image is cut off, the blue border is completely missing and also the text from the headline is being cut off.

    Thanks in advance for helping out,

    Kind regards, Alexander

    #1229855

    Hi,

    Thank you for the screenshots.

    We can now see the issue, but we’re not really sure why the images are cut off.

    To fix it, we can use this css code to decrease the width of the image and still align it in the center.

    @media only screen and (max-width: 989px) {
        .single .slide-image img {
     	width: calc(100% - 20px);
        }
    }
    

    The login token above has expired, so we couldn’t add the modification.

    Best regards,
    Ismael

    #1229868
    This reply has been marked as private.
    #1230592

    Hi,

    Sorry about that. We found this css code which shifts the grid wrap to the right by 16px cutting the right edge off.

    .slide-entry-wrap {
    	margin-left: 16px !important;
    }
    

    Did you add it? If not, you can use this css to override it.

    .slide-entry-wrap {
    	margin-left: 0!important;
    }
    

    Best regards,
    Ismael

    #1230606

    Hi Ismael,

    Many thanks! I looked over and over again, but I could not find it myself, you are great!

    Kind regards,
    Alexander

    #1230740

    Hi Alexander,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1234591
    This reply has been marked as private.
    #1235025

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘issues with blogpage and posts’ is closed to new replies.