Home Forums WoodMart support forum Centering html block in header

Centering html block in header

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #719457

    Pernilla
    Participant

    Hi,

    I’m building a custom header using WPBakery and I have added an HTML block with a trustbar.

    The HTML block itself appears centered when I preview the block, but when it is displayed inside the actual header, the trustbar content is shifted to the left and does not align correctly in the center of the header row.

    I have already tried centering the element with CSS, including:

    display: flex;
    justify-content: center;
    margin-left/right: auto;
    width: fit-content;
    width: 100%;
    width: 100vw;

    I have also tried applying CSS both to the trustbar itself and to the surrounding WPBakery row/column wrappers, but it still does not center correctly in the header.

    The element I’m trying to center has this class:

    .skibike-trustbar

    It seems like the outer header container or theme wrapper is controlling the alignment, rather than the HTML block itself.

    Could you please help me identify which header container/wrapper needs to be adjusted so that the trustbar is centered horizontally as one group within the header row?

    Thank you!

    #719479

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Sorry to say, the login details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.

    Best Regards

    #719490

    Pernilla
    Participant

    Sorry about that.
    Anyway, I just found the setting!
    I just needed to adjust the “row flex layout”!
    Problem solved 👍

    #719528

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    We are glad that you managed to solve the problem yourself. You are Great!!!

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Centering html block in header’ is closed to new replies.