Illustratr- change background of thumbnail grid gallery

  • Unknown's avatar
    stacypettystudio · Member ·

    Hi,

    Could someone please help me change the background color of the gallery I have in my portfolios? I have three but only two have images- Sculpture and Drawing. I found this in the forums and added to my CSS editor in the Customizer but it didn’t do anything:

    #gallery-91-5-slideshow {
    background-color: transparent;
    border: none;
    }

    I would like the background to be white like the rest of the background.

    Also, how can I get rid of the red line underneath each image? It appeared when I changed from Tiled Mosaic to Thumbnail Grid.

    Thanks,
    Katherine

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    stacypettystudio · Member ·

    Also- just realized that in Thumbnail Grid, the galleries when viewed on a mobile phone are scattered or are in a grid but there are empty spaces. Looks fine on a computer screen.

    Suggestions?

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, for your gallery background color, add the following CSS to make it transparent. 

    .gallery {
	background-color: transparent;
}

    The gallery will not adjust to a different number of columns of images on smaller screens. The number of columns you select for the gallery will be the same from desktop all the way down to phone sized screens. Drawing is the only portfolio project I see with more than two images on it, and it has two columns.

    If you look at the at the Illustratr demo site under Portfolio > People, and have your browser window wide, you will see three columns. As you narrow your window, it will switch to two columns and then narrower still it will switch to one column. To accomplish that, you create a project for each of the images in a particular category, such as drawing, and assign the drawing Project Type to it. Then, you can get the three column grid that switches to two and then one on the drawing project type page. The URL to such a page would be:
    https://stacypetty.com/portfolio/project-type/drawing/

    On the demo site, if you click on one of the projects, such as this one, you could then include a short description of that particular project/image.

    If you have not yet seen it, take a look at our Portfolio support page for more information on making the most of the portfolio feature.

  • The topic ‘Illustratr- change background of thumbnail grid gallery’ is closed to new replies.