wanski Posted December 24, 2019 Share Posted December 24, 2019 In my 'Project' page I have several images cascading downwards and i'd like to add a small amount of text above each image. I can see how to add text below the image, but not above it. Is this possible to have text above each image in my Project and how do i do that? Thanks :) Link to comment
tuanphan Posted December 24, 2019 Share Posted December 24, 2019 You can use custom code to move text to top of image. If you share link to your site, we can take a look. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 great thanks! my site is rowanhammerton.com The site is very simple, just a few gallery pages which show design work that i have done. So i just need very small text above certain images to indicate who the client is, which will also help separate them from each other. thanks so much! Link to comment
tuanphan Posted December 24, 2019 Share Posted December 24, 2019 Where is project page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 Any of these pages is fine to apply it to. I haven't actually designed it as separate projects as such, instead its just a downward scrolling list of images, but i want to separate them with text (above the image) which will just indicate who that client was. Link to comment
tuanphan Posted December 24, 2019 Share Posted December 24, 2019 2 minutes ago, wanski said: Any of these pages is fine to apply it to. I haven't actually designed it as separate projects as such, instead its just a downward scrolling list of images, but i want to separate them with text (above the image) which will just indicate who that client was. first, you need to add text below the image If you haven't added text, I can't check & give code. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 Oh i see, ok give me a second and i'll add some below the first image in 'Latest Work' thanks again! Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 OK all done. So the first image in 'latest Work' has the caption below and i'd love it to be above instead. Thanks! Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 Will this be something i can replicate across others myself? Link to comment
tuanphan Posted December 24, 2019 Share Posted December 24, 2019 Add to Home > Design > Custom CSS. It will run on entire site .project-slide { display: flex; flex-direction: column-reverse; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 awesome!!! thank you so much for helping me out i really appreciate it! Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 Just one more question, will this create a gap below the image? I'd like the image below it to be touching. Link to comment
wanski Posted December 24, 2019 Author Share Posted December 24, 2019 Actually don't worry I've fixed it. thanks Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.