New Landing How can we help? Cardinal Boxed Content Asset border's and CSS

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Cardinal
  • #228046
    George
    Member
    Post count: 235

    Hi guys,

    I am trying to add custom css to my coloured boxed content assets;

    I applied the following code, but it resulted in the boxes touching each other, what can I add to have some padding in between?

    .postid-20387 .round-box-corners {
      background: none repeat scroll 0 0 #ebebeb;
      border-radius: 10px;
      border-bottom-color:#ebebeb;
      box-shadow: 1px 1px 1px #ddd;
    }

    round-box-corners is my extra class

    Can I also combine the above code with the below code?

    .postid-20387 .spb_box_content .box-content-wrap {
      min-height: 270px;
    }

    Can you please advise what I should do? Thank you very much.

    PS, please login with the credentials above as it’s a draft private webpage.

    #228063
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this code:-

    .postid-20387 .spb_box_content .box-content-wrap {
      margin-bottom: 10px !important;
    }

    Thanks
    Mohammad

    #228106
    George
    Member
    Post count: 235

    Hi mohammed, that did not work unfortunately.

    See the attached image of the two boxes joined together.

    Attachments:
    You must be logged in to view attached files.
    #228115
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You’re site isn’t loading for me, please check

    – Kyle

    #228119
    George
    Member
    Post count: 235
    This reply has been marked as private.
    #228123
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please provide me specific page url with issue to check and resolve. This url gives https://events.com.au/wimbledon-draft/.
    Thanks
    Mohammad

    #228415
    George
    Member
    Post count: 235

    Hi Mohammed, what do you mean? The box assets are on this page: https://events.com.au/wimbledon-draft/

    That’s the whole point of this topic, that page above has boxed assets that are colored with round edges, as per my above css, but I cannot figure out how to stop them touching in between, as per the previously attached image.

    #228468
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this css code also:-

    .round-box-corners{
    width:48% !important;
    margin-right:10px !important;
    }

    Thanks
    Mohammad

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

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register