Archived topic
Replacing image in grid
1 reply · Started by media fortress on November 23, 2022
Howdy, I am using the search template.
https://ibb.co/5r40Nhf - How do I change the color on this icon?
https://ibb.co/g607Tf4 - How do I replace these images in the grid?
Hello there,
1. These uploaded icons are inherently purple in color. You'll need a custom code to override their colors. To do this, edit the Page, and select the Headline Block holding the colors. Then, in the advanced section in its Block settings add class change-icon-color. Do this for all Headline Block with the icons. Example: https://share.getcloudapp.com/5zu2pG2D
Then, add this code through Appearance > Customize > Additional CSS:
.change-icon-color svg path {
fill: #000000;
}
Change the color value to your liking.
Alternatively, you can upload a different icon. Reference: https://docs.generateblocks.com/article/headline-overview/#icon
2. Edit the Home page. Then, select the Container Block holding the image, and replace the Image URL in its Block settings. Example: https://share.getcloudapp.com/o0u9B8Xg
Reference: https://docs.generateblocks.com/article/container-overview/