deniselibelle Posted April 13, 2021 Share Posted April 13, 2021 Site URL: https://www.rustyling.com/ Hello, Are there any options to align the text in an image block differently depending on the image block or the page? I would like to have the following text alignments: /about (right; Alternative: align to picture) home: (middle) /visuals (middle) /workwithme (align to picture but right AND left) Thank you! Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 On 4/13/2021 at 4:44 PM, deniselibelle said: Site URL: https://www.rustyling.com/ Hello, Are there any options to align the text in an image block differently depending on the image block or the page? I would like to have the following text alignments: /about (right; Alternative: align to picture) home: (middle) /visuals (middle) /workwithme (align to picture but right AND left) Thank you! Hi. "Middle" you mean this? 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
deniselibelle Posted April 20, 2021 Author Share Posted April 20, 2021 Yes this is what I mean 🙂 But like I mentioned above I like to have differently for each page: /about (right; Alternative: align to picture) home: (middle) /visuals (middle) /workwithme (align to picture but right AND left) Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 11 hours ago, deniselibelle said: Yes this is what I mean 🙂 But like I mentioned above I like to have differently for each page: /about (right; Alternative: align to picture) home: (middle) /visuals (middle) /workwithme (align to picture but right AND left) Add to Design > Custom CSS /* About right */ div#block-4aa23e0955cf0346b29e figcaption.image-card-wrapper { justify-content: flex-end !important; align-items: flex-end !important; text-align: right; } /* Visuals middel */ div#block-0acfc8ba8cfc66e9db8f figcaption { text-align: center; } /* work with me left */ div#block-6947208b587300bfa671 figcaption * { text-align: left !important; justify-content: flex-start !important; align-items: flex-start !important; } 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
deniselibelle Posted April 23, 2021 Author Share Posted April 23, 2021 Hello, There was a little confusion. I meant the text alignments for the different pages (rustyling.com/about, rustyling.com/visuals, rustyling.com/workwithme and not different text alignment on the home page for the different image blocks 🙂 Hope it's clearer now. Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.