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
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
@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
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;
}