Background Images

  • Resolved Supplement Genie

    (@supplementgenie)


    4 years, 7 months ago

    I usually code all of my pages myself, however, I quite like the Gutentor page builder.

    I have one query though… relating to images.

    Some of the images such as image grids have the image location added to the HTML, this allows me to use the likes of Shortpixel to serve the images from a CDN, use lazy load etc,

    However other images, such as slider images, which I use for header backgrounds, rather than adding the image into the html, instead adds the image via css.

    So when I select the image from the library, the plugin must add that image to the Css for that particular block.

    This then means that I cannot serve images from a CDN. Short pixel allows me to serve webp images from the CDN which are scaled to the appropriate size for the screen but the way the blocks are handled for some images does not allow me to take advantage of this.

    Is there something that I could do diferently to ammend this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor codersantosh

    (@codersantosh)

    Hello @supplementgenie ,

    Thank you for you feedback.

    By reading your query I understand that you want image source on HTML on Slider Image rather than on CSS.
    This is already on the options,

    • Select Image Slider Block
    • Go to General => Block Items => Style => Slider Image => Display options and Select Normal Image
    • Selecting Normal Image output the image source on HTML
    • When you use Normal Image, it is highly recommended to use same size of images for all slides in a slider
    • This image may help you

    Best Regards!

    Thread Starter Supplement Genie

    (@supplementgenie)

    @codersantosh if I chose to use the image as a normal image this then does not display correctly as a header image which I am trying to use the block for.

    Is there a better block to use as a header image block that might do what I am trying to achieve?

    Plugin Contributor codersantosh

    (@codersantosh)

    Hello @supplementgenie ,
    If you just want to add image block then Image Element will be useful.
    Add Bock => Gutentor Elements => Image,

    If you are searching for header image ( banner ), I would like to recommend you to use CosmosWP theme. I recommended it because it is specially created for Gutenberg and Gutentor. Also, it has a banner feature you are looking for.

    Best Regards!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Background Images’ is closed to new replies.