Conversation
supportIs there a way to center the flip cards module inside its column? Using the module alignment setting in design tab -> sizing -> module alignment doesn’t seem to do anything for me…. Any ideas as to what I may be missing? If you need any more information let me know. Thanks. Edit: looking at it more, it seems as if the module doesn’t even know the remaining area of the column is there, hence cannot center within it. Because even when I set width to 100% and max width to none, it still does not fill the column. But it does fill the whole column if the screen is smaller than ~570px. Like it has an internal max width that I can’t seem to adjust? I tried to set max-width: none !important; in the custom CSS main element of the module but it did not seem to work. I don’t have any padding set in the columns either. This is mysterious. What do you think? Here are some screenshots: View post on imgur.com View post on imgur.com This topic was modified 5 years ago by caleb1 . This topic was modified 5 years ago by caleb1 . This topic was modified 5 years ago by caleb1 . This topic was modified 5 years ago by caleb1 .
Hi, You can center the column with the following settings. http://prntscr.com/13ptrnq To make it fullwidth you just have to set the width to 100% instead of 550px in the screenshot. Hope it helps.
@themeythemes Thanks for the responce. Tried setting the module alignment to center in the deisgn tab > sizing: View post on imgur.com But module still seems to stick to the left side of column (on the left 1/3 column) and the right on the right 1/3 column: View post on imgur.com View post on imgur.com Any ideas why this is happening? Thanks.
Please compare the screenshot I sent http://prntscr.com/13ptrnq With your screenshot. View post on imgur.com I have changed three settings. They are marked by an underline. In your screenshot you have only changed 2 settings.
@themeythemes Thanks for pointing that out, I had overlooked it. I have adjusted those 3 settings to match yours. But it still does not center in column. My updated settings: View post on imgur.com The result: View post on imgur.com any other ideas?
Additionally having “width” set to 550px as you have in your screenshot does not allow the flip card to shrink as the screen gets smaller causing this problem on smaller screens: View post on imgur.com Hopefully there is a way to fix the alignment issue without needing to have width set as a fixed pixel value?
Can you set both the Content Width and Width to 100%
@themeythemes Thanks for the response. Still does not center. This is very mysterious. Settings: View post on imgur.com Result: View post on imgur.com Any further ideas? Thanks
Can you share a link to the page. With those setting it should be 100% width of the column. The space you are seeing on the right is likely the margin right on each column coming from Divi.
Hi, You can center the column with the following settings. http://prntscr.com/13ptrnq To make it fullwidth you just have to set the width to 100% instead of 550px in the screenshot. Hope it helps.
@themeythemes Thanks for the responce. Tried setting the module alignment to center in the deisgn tab > sizing: View post on imgur.com But module still seems to stick to the left side of column (on the left 1/3 column) and the right on the right 1/3 column: View post on imgur.com View post on imgur.com Any ideas why this is happening? Thanks.
Please compare the screenshot I sent http://prntscr.com/13ptrnq With your screenshot. View post on imgur.com I have changed three settings. They are marked by an underline. In your screenshot you have only changed 2 settings.
@themeythemes Thanks for pointing that out, I had overlooked it. I have adjusted those 3 settings to match yours. But it still does not center in column. My updated settings: View post on imgur.com The result: View post on imgur.com any other ideas?
Additionally having “width” set to 550px as you have in your screenshot does not allow the flip card to shrink as the screen gets smaller causing this problem on smaller screens: View post on imgur.com Hopefully there is a way to fix the alignment issue without needing to have width set as a fixed pixel value?
Can you set both the Content Width and Width to 100%
@themeythemes Thanks for the response. Still does not center. This is very mysterious. Settings: View post on imgur.com Result: View post on imgur.com Any further ideas? Thanks
Can you share a link to the page. With those setting it should be 100% width of the column. The space you are seeing on the right is likely the margin right on each column coming from Divi.