[Resolved] Background pattern in sections

Home Forums Support [Resolved] Background pattern in sections

Home Forums Support Background pattern in sections

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2031323
    ch1800

    Hello,

    How to add an image pattern (repeat) as background for a specific section, the same way we do with the background module?

    I tested adding the image in section’s settings as background and then adding this in CSS:

    #generate-section-5.generate-sections-container {
    background-position: center center !important;
    }

    but I’m getting only a single image in center and supersized…

    #2031416
    David
    Staff
    Customer Support

    Hi there,

    set the size and the repeat property like so:

    #generate-section-5 {
        background-size: 100px;
        background-repeat: repeat;
    }
    #2031444
    ch1800

    Thanks David, that works great!

    May I also ask you for another variant at another section:

    – how to do the same but without repeat, use an image at a corner of the section, let’s say top right?

    #2031719
    David
    Staff
    Customer Support

    Try this:

    #generate-section-5 {
        background-size: 100px;
        background-repeat: no-repeat;
        background-position: left top;
    }
    #2032492
    ch1800

    Everything looks so simple when the meal is served but it’s another story when you need to cook it…
    Many thanks David!

    #2032921
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.