change background of featured pages on home page

  • Hi,

    I have added a background image to the site I am building and have managed to alter the transparency of the home page quite nicely to see the image behind.
    However I haven’t been able to figure out how to alter the background of the featured page images on the home page. They are in a stark white square. Ideally I would like them to be transparent so that you can see the image behind.
    I’m new to coding so any help would be great.
    the site is sandelles.com.au
    cheers

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,
    if you make the background of the featured pages, which means making the border-color of the “mask” pretty transparent you’ll lose the nice expanding effect.
    For example:

    .marketing .widget-front .round-div {
    border-color: rgba(255,255,255,0.4);
}

    you’ll still see a square

    .marketing .widget-front .round-div {
    border-color: transparent;
}

    no effect.

    Thread Starter thefilbert

    (@thefilbert)

    Thanks for the quick response!
    I’ts not exactly how I would have liked it but certainly better than how it was.
    I think I can see now how the expanding effect works and makes it impossible to have it and the transparent background.
    time to make decisions on which is more important, the cleaner look or the expanding effect.
    Cheers

    Yes,
    you’re welcome ??

    Thread Starter thefilbert

    (@thefilbert)

    general consensus suggests the cleaner look & losing the effect is the way to go. though of the people I asked, the majority said “can you change the shape back to round rather than square”……

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change background of featured pages on home page’ is closed to new replies.