I have created a page using the "Advanced Custom Fields" Plugin and everything is working great except that when I add href url in the field text it doesn't show nicely on Front-end and break the layout: .

The field in question is the Repeater field. Does anyone know how to fix it? I appreciate the help!

I have created a page using the "Advanced Custom Fields" Plugin and everything is working great except that when I add href url in the field text it doesn't show nicely on Front-end and break the layout: http://prntscr/qtihpj.

The field in question is the Repeater field. Does anyone know how to fix it? I appreciate the help!

• plugins
• advanced-custom-fields
• page-template

Share Improve this question edited Jan 30, 2020 at 5:35 Sheryl asked Jan 27, 2020 at 13:54 SherylSheryl 4288 bronze badges 2

• 1 It looks like there must be some CSS forcing the <a> tag to be display:block or something similar. Inspect the element with dev tools to find out where the styling is coming from. – WebElaine Commented Jan 27, 2020 at 14:54
• @WebElaine Thanks for the tip. Here is the page url: is.gd/zvaQnw if you can assist further! – Sheryl Commented Jan 27, 2020 at 17:34

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 2

Its because the wrapper around that text block is set to display: flex;.

You could override this by adding the following CSS...

.special-list .right-text {
    display: block;
}

You can add this in Admin > Appearance > Customize > Additional CSS

You might want to add this and then test other pages that use this code to make sure it doesn't break anything else.