Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 6, 2020 at 11:13 am #1235650
    philthebass

    Hi,

    We’ve started using Eventon instead of Events Calendar Pro.

    Our main events page is taking on a completely full width layout and seems to be ignoring the CSS rules laid out in Enfold.

    Has anyone else had this issue? Any suggestions on how to resolve?

    https://www.baysixty6.com/events/

    Thanks

    August 6, 2020 at 11:50 am #1235657
    Guenni007

    there must be a css rule that is:

    .ajde_evcal_calendar {
    width: 100%;
    text-align: left;
    white-space: normal;
    position: relative;
    color: #808080;
    padding-bottom: 10px;
    max-width: 1310px;
    margin: auto;
}

    you see the max-width : 1310px
    and that is the way i see it : reduced to that width

    August 6, 2020 at 12:33 pm #1235677
    philthebass

    @Guenni007 – Thanks.

    I’ve started copying the same CSS from Enfold to the Eventon custom CSS as you suggested and it’s looking better now.

    Thanks

    Phil

    August 6, 2020 at 1:23 pm #1235698
    Guenni007

    i thought you like to have it full-width on that page ?
    then you had to remove the max-width ( or set to 100%)
    and maybe set an margin: 0 auto – and a padding : 0 50px

    something like this:

    .ajde_evcal_calendar {
    width: 100%;
    text-align: left;
    white-space: normal;
    position: relative;
    color: #808080;
    padding-bottom: 10px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.