Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 6, 2014 at 5:42 am #346965
    tonyska

    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 10 years, 1 month ago by tonyska. Reason: added a question
    November 6, 2014 at 8:19 pm #347327
    Elliott

    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 10 years, 1 month ago by Elliott.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.