Project Thumbnail Css Help
-
-
Dea r@
you could use CUSTOM CSS to move the thumbnail title.
Or just place a piece of text and link it.Best!
Marius
-
telmotypereplied to mariusjopen on Jun 5, 2019, 3:53 PM last edited by telmotype Jun 5, 2019, 11:55 AM
@mariusjopen
I wanted to use the project thumbnail so it's easy to maintain.
Here's what I'm trying.
The image becomes smaller but the title won't jump to the right side of the image.
Can anyone point me in the right direction?https://patriciarochaleite.com/home/home_construction
/*Project Thumbnails Vertical Text Right Side*/ .vert_text .title{ writing-mode: vertical-lr; float: left !important; } .id-28 .thumbnail-wrap img{ width:80% !important; height: 80% !important; padding: 0px !important; margin: 0px !important; float: left !important; }
-
Dear @telmotype
try to play around with that here:.lay-textformat-parent.below-image { float: right; }
Best!
Marius
-
Thanks for the tip @mariusjopen .
I'm trying to have the text on the right side (and not bellow) of the image.
Do you have an idea how I can do that? -
Dear @telmotype
you can use position: absolute to move things around more easily.
The parent container should then be position: relative.Best!
Marius
3/6
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it