Narratar – Photo Width and Instagram

Mauer Themes Support Narrator Narratar – Photo Width and Instagram

  • This topic has 1 reply, 2 voices, and was last updated 3 weeks ago by Paul.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4364
    Ken
    Participant

    Hello,

    I just installed your theme and all is going well except for 2 issues.

    1) Photo width: I need to adjust the photo size to match the one from my Youtube videos. In the blog, the video is slightly wider and it doesn’t look good so I want to match the size to the video. How can I do this?

    2) Instagram image blurry: On the front page, the Instagram images show but they are all blurry and of poor quality. How can I make them sharp? There are no issues on my Instagram so it must be something to do with the theme.

    Thank you!

    #4365
    Paul
    Keymaster

    Hello Ken,

    1) You can make your photos and video embeds have the same width by using Narrator Gallery Gutenberg block to insert images. If you do that, both your images and videos will be slightly wider than the text column. Also, please mind you can put just one image in a gallery if you wish to.

    2) The Instagram feed is handled by the Smash Balloon plugin. You could change the settings of the output it provides in the footer.php file in the theme folder. You could do a text search for imageres=thumb and replace it with imageres=full or imageres=medium. This would force the plugin to fetch bigger images. And this would inevitably slow down your website a bit. Please mind that to not lose a change like that during a theme update, it’s best to apply it by creating a child theme.

    Also, are you having this issue when looking at the theme demo?

    Regards,
    Paul

    #4371
    Ken
    Participant

    Hello Paul

    Thank you for your reply.

    I tried the Narrator Gallery suggestion which works well. Is there a way to make the whole style of the site a little wider?

    I mean less padding on the left and right in general.

    To answer your question, I have no problem with viewing the demo. I will try your suggestion on Instagram. For now, I removed it and use it in the widgets for footer which shows the images clearly.

    Ken

    #4377
    Paul
    Keymaster

    Ken,

    To make everything wider you can try the following CSS rule:

    .container-fluid-with-max-width {max-width: 1388px;}

    Change 1388 to a value of your choice.

    Copy the above CSS code, go to Appearance > Customize > Additional CSS, paste the code and click the ‘Publish’ button.

    Regards,
    Paul

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