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.com/qtihpj.

enter image description here

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

  • 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
    Jan 27 '20 at 14:54
  • @WebElaine Thanks for the tip. Here is the page url: is.gd/zvaQnw if you can assist further!
    – Sheryl
    Jan 27 '20 at 17:34

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.

  • This worked well, thanks!
    – Sheryl
    Jan 28 '20 at 2:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.