Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 10, 2022 at 6:42 pm #1351252
    tiffanytnttobol

    I am using a grid row for an FAQ section of the site and added a background image using the following CSS.

    #grid1 {
    background-image: url(/wp-content/uploads/2022/04/DW_accordian-bkgd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    }

    With that code I am getting the background image to appear on the sides of the grid row but I need it to appear on the top and bottom as well.
    https://nimb.ws/18bPxY

    Any ideas on how to accomplish the layout shown in the private content?

    May 11, 2022 at 10:22 am #1351329
    Rikard

    Hi Tiffany,

    Thanks for the screenshots. Could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    May 11, 2022 at 5:30 pm #1351413
    tiffanytnttobol

    Please see link in private content

    May 11, 2022 at 7:24 pm #1351430
    Rikard

    Hi,

    Thanks for that. So you want to remove the white background? If so then try this CSS as well:

    #grid1 .flex_cell {
    background-color: transparent;
}

    Best regards,
    Rikard

    May 23, 2022 at 8:47 pm #1352669
    tiffanytnttobol

    No, per the screenshot the blue background is supposed to show at the top and bottom as well as on the sides of the white area. I wish a grid could go in a color section, I know that would work perfect!

    May 24, 2022 at 4:09 am #1352695
    Nikko

    Hi tiffanytnttobol,

    Please try to add this CSS code:

    .home #grid1 {
    padding: 80px 0;
}

    The 80px value is top and bottom padding, just adjust it as you see fit (the default value is 0).
    Hope this helps.

    Best regards,
    Nikko

    May 24, 2022 at 6:28 pm #1352794
    tiffanytnttobol

    Genius! Thank you very much!

    May 24, 2022 at 6:45 pm #1352797
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Grid background image’ is closed to new replies.