Solved

how to center iframe in custom liquid section

katiejaine
Visitor
2 0 1

I've tried a ton of different coding options and can't figure out how to center this soundcloud playlist (iframe embed) in a custom liquid section. Any help is appreciated! 

Screen Shot 2023-05-19 at 8.41.17 PM.png

 

https://www.shoplaurentbowman.com/?_ab=0&_fd=0&_sc=1

Accepted Solution (1)

PageFly-Lucas
Pathfinder
110 28 28

This is an accepted solution.

Hi @katiejaine 

This is Lucas from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.section-template--17229676773680__740cc8b3-ae1e-4988-9802-148a5d4edb4f-padding {

    display: flex !important;

    justify-content: center;

}

 

Hope that my solution works for you.

Best regards,

Lucas| PageFly

banned

View solution in original post

Replies 4 (4)

PageFly-Lucas
Pathfinder
110 28 28

This is an accepted solution.

Hi @katiejaine 

This is Lucas from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.section-template--17229676773680__740cc8b3-ae1e-4988-9802-148a5d4edb4f-padding {

    display: flex !important;

    justify-content: center;

}

 

Hope that my solution works for you.

Best regards,

Lucas| PageFly

banned
katiejaine
Visitor
2 0 1

This worked perfect - thanks so much!! 

PageFly-Lucas
Pathfinder
110 28 28

You are welcome @katiejaine 😉

banned
ncourop
Visitor
1 0 0

Hi @PageFly-Lucas , will this code work on any site? Or is it specific to this situation?

I'm trying to center the podcast player on this page: https://inquisitivejourneys.com/pages/podcast
I also have a Convertkit form that I want centered.

Thanks,

Nat