Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Different text alignments in image blocks


Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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?

image.thumb.png.65136f9d81a822591609fcf8a6db0693.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...