![]() # Add your HTML to a custom HTML widget in the front page 3 widget area. Image overlay is the technique of adding text or images over another base image.Otherwise, the plugin will only display the caption on single blog post pages. Viewport Units are a relatively new kid on the CSS block see related links below. In this article, we’ll see how to place text over an image using HTML and CSS. First, if you want to show your featured image caption in the blog post list, you should check the box to Show image captions in lists. The figcaption font-size is expressed in Viewport Width rather than pixels or percentages. # Copy & paste the CSS to the end of your Altitude Pro child themes style.css file and clear caching. Then, go to Settings FSM Custom Featured Image Caption to configure a few settings. Update the content with an H2 heading: 01CoachingThen update the label of the text module for referencing later.This will serve as our overlay heading text that will appear at the top of the image on hover. The code has been modified on lines 130 and 131. Adding the Overlay Heading Text Under the divider module, add a new text module.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |