• I’m sure the answer to this is super obvious, but how do I add a border in blocks?

    When I set the linked page up a few months ago, I was easily able to add a border via the styles tab, but border settings (width, color, etc.) are no longer there—I now only see color and typography.

    On the linked page, the top row is the one I’ve just added. I’d like to add the same thin black border you see in the other columns, but for the life of me I cannot figure out how to do it, or how I did it before.

    I’ve watched several YouTube tutorials and they all show someone navigating to the styles tab, but…there is nothing border-related there.

    I have not changed my theme or added custom CSS recently. Have the border settings moved? I’m sure I’m missing something obvious but I’m completely stumped.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • lisa

    (@contentiskey)

    I’ve created a test site using WordPress 6.4.3, twenty twenty four theme, no plugins and no other css and I see the option for border in my styles area for both columns and column. I see the border controls the area under dimensions.

    Maybe there is something in the theme or plugin(s) you are using that is impacting the display of border controls for columns and column blocks.

    TRY THIS: install health check plugin which can be used in troubleshooting mode to deactivate all plugins and theme  might help narrow down the source of the issue  https://wordpress.org/plugins/health-check/

    • This reply was modified 4 months, 1 week ago by lisa.
    • This reply was modified 4 months, 1 week ago by lisa.

    I had the same question. What Lisa said was true, the border and border color is available for columns but not (as far as I’ve seen) for anything else. I wanted to put a border on a paragraph but it must be getting blocked in core code. I tried to overwrite it in theme.json but that did not work either. Still working on my understanding of wordpress theme development.

    UPDATE: the only solution I have found is to select the code editor and add the border code right into the <p> tag. e.g. <p style=”border:orange; border-width:5px; border-style:solid;”>

    • This reply was modified 3 months, 2 weeks ago by keningram0218.
Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.