00016 BlueOrange Carousel and Content Title - will it overlay picture?

Created on 6 June 2022, over 2 years ago
Updated 27 June 2024, 6 months ago

Problem/Motivation

Hello, and first of all thank you for such a wonderful theme. I am building a new website using, for now at least, the 00016 BlueOrange predefined theme. I have built a 3D Carousel for the landing page, and it looks great. But one thing I'm trying to do which doesn't seem possible without custom CSS, is to overlay the Content Title on top of the image. Currently, the picture is shrunk and the text goes above it.

I am achieving something similar on an older website with Flexslider and the following custom CSS:

:not(.views-row) > .views-field-title {
position:relative;
bottom:30px;
right:0px;
font-size:16px;
text-align:center;
color:black;
background-color:white;
opacity:0.8;
width:190px;
}

Can something similar be done for the 3D Carousel? Please note that my knowledge of CSS is extremely basic.

Steps to reproduce

Create 3D Carousel with associated pictures and Content Titles.

πŸ’¬ Support request
Status

Fixed

Version

1.0

Component

User interface

Created by

πŸ‡ΈπŸ‡¦Saudi Arabia ishore

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024