Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #346965

    Hi,

    I am trying to create a maximum width for my promo box. When I do this through a custom css class, it left aligns the promo box, but I would like it to be centered on some pages, and left aligned on others. I have tried a custom CSS class using margin auto 0 and text-align center, but those haven’t worked. Is there a div selector I can use? What is the best way to size and control its position? Thanks!

    Also: how can I remove the section divide the promo box creates? It adds a border above it and gives it a lot of padding on top, I would like it to be an element that sits in a page as part of the page, and not look like a whole new color section. Thanks!

    • This topic was modified 4 years, 6 months ago by  tonyska. Reason: added a question
    #347327

    Hey tonyska!

    Try this out.

    .your-class {
        max-width: 500px;
        margin: 0px auto !important;
        position: relative !important;
        float: none !important;
    }

    As for the border above it make sure your not embedding the promo box inside other elements. If your still having problems then send us a WordPress login and we’ll take a closer look.

    Regards,
    Elliott

    • This reply was modified 4 years, 6 months ago by  Elliott.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.