0

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!

Improve this question
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

1 Answer 1

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.

Improve this answer
1
  • This worked well, thanks!
    – Sheryl
    Commented Jan 28, 2020 at 2:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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