Home › Forums › ART WordPress Theme › Grid module with image+mask
- This topic has 6 replies, 2 voices, and was last updated 4 years, 7 months ago by
andreisza6o.
-
AuthorPosts
-
October 12, 2021 at 4:42 am #25942
Hello!
I was wondering if there is a way in grid module when posts is the source of the grid, to have text over image like in “image+mask” but the title of the post to be seen before we crossover the mouse on the image, to be seen all the time on the image. It could be a good addition in my opinion.
Thanks in advance!October 12, 2021 at 7:02 am #25943Hi,
It is possible by custom CSS(“Appearance > Customize: Additional CSS”), like:
.grid-item-con-text .grid-item-tit, .grid-item-con-text .grid-item-cate, .grid-item-con-text .grid-item-des, .grid-item-con-text .grid-item-date { transform: scaleY(1); } .grid-item-con-text { opacity: 1; }If you want the CSS only affect one module, add the module unique ID, like:
.module-id-1619508962612 .grid-item-con-text .grid-item-tit, .module-id-1619508962612 .grid-item-con-text .grid-item-cate, .module-id-1619508962612 .grid-item-con-text .grid-item-des, .module-id-1619508962612 .grid-item-con-text .grid-item-date { transform: scaleY(1); } .module-id-1619508962612 .grid-item-con-text { opacity: 1; }
October 12, 2021 at 8:59 am #25949magic! thanks!
and just one more question: how can I make darker or whiter the image for making the text more visible? thanks!!October 12, 2021 at 1:38 pm #25953October 12, 2021 at 2:34 pm #25954I was wondering if the background can be darker without having to crossover the image with the cursor, as the text could be more readable.
Thanks!October 13, 2021 at 12:56 am #25955October 13, 2021 at 3:30 am #25956Amazing! Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.
