WPIntell

Source evidence

Center module in column

Flip Cards Module For Divi · support · 2021-05-22T16:02:00+00:00

mixedsentiment
mediumseverity
0.85relevance
8replies
Evidence linked to opportunitycommercial context

Proof Health

Open evidence

Commercial opportunities need traceable source links before they are treated as build-worthy.

6 / 28 rows with source links

21.4% of this page's analysis has direct source links.

0 build-decision rows missing links

0 rows here require auditable proof before promotion.

22 rows with no attached evidence

0 rows have source counts but still need direct links.

Conversation

support
caleb1 resolved
Is 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.

Comments

8 shown
learnhowwp 2021-06-02T11:12:00+00:00

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.

caleb1 2021-06-11T17:36:00+00:00

@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.

learnhowwp 2021-06-12T08:23:00+00:00

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.

caleb1 2021-06-12T16:01:00+00:00

@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?

caleb1 2021-06-12T16:10:00+00:00

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?

learnhowwp 2021-06-15T11:07:00+00:00

Can you set both the Content Width and Width to 100%

caleb1 2021-06-23T16:55:00+00:00

@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

learnhowwp 2021-06-24T17:24:00+00:00

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.