Blocs app how to add text code#
To accomplish that, I would need to add a custom Class name to each text box in the right sidebar (for example: “ test”) and then change the CSS code to this (which I verified works): I want only specific text boxes to turn red. I don’t want all H2’s on a given web page to turn red when mousing over a graphic.I see that your suggestion is basically “add CSS to Page Settings > Add Code.” But I found 2 problems, only the first of which I am able to fix myself: Thank you for the example *.bloc document. And that text is NOT overlapping the image at all, but sits in a separate box above and below the image.) (The text I am talking about is HTML text, not a graphic. The aim is for the text color change to be a visual indicator to desktop computer users that their arrow cursor is hovering over that particular image. I only want the text color change to occur when the arrow pointer is hovering above the image because only the image has a hyperlink.Īgain, I want to mouseover the IMAGE and have the text above and below it change color (for as long as the arrow pointer is hovering above the associated image). I also know I can create a new Class and apply that Class to the Column that contains my Image and two pieces of text, but that isn’t what I want either because a mouseover anywhere inside that container will trigger the text color change. I know I can create a new Class and apply that Class to the image and title and model#, but mousing over the image doesn’t trigger the hover states of the text, so that isn’t a solution. I want to mouseover each image (on a desktop computer) and automatically have the associated title and model# text to change color (akin to a Hover state change). Each image also has a text title above it and a text model number below it.
I have webpage with several images and hyperlinks applied to each image.