Support » Plugin: Event Calendar WD - Responsive Event Calendar plugin » Changing alignment of widget

  • Resolved Super Sports UAE

    (@sse-angus)


    I have a 4 column home page and due to the width of these columns the WD Event Calendar widget is ideal.

    The widget is in the 4th, i.e. right most, column.

    The widget appears left aligned, when I’d like it centred, but appear unable to find a way to achieve this.

    Is it also possible to change the width of the widget, or better yet to make it responsive to the column?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello, @sse-angus!

    Thank you for posting your question! We are happy to know you like using Event Calendar WD!

    If we understand your question correctly, you would like to change the text alignment, is that correct? Because the widget currently is in the center of the 4the column.

    In case that’s what you would like to modify, please add the following CSS code to Event Calendar WD > Settings > Custom CSS panel:

    .widget_ecwd_widget {
        text-align: center;
    }

    Let me know in case this is not what you requested.

    As for the width of the widget, please note, that it takes the 100% width of its parent container. And the container width is set by the theme of the website.

    Thank you! Have a good day!

    Sorry, I meant we wanted the widget centred horizontally across the width of the column, which it is not. When viewed on desktop screen this is immediately apparent, as is the fact that it does not fill the container.

    In the other case of using the standard short code, this does not respond to the column width at all, and even with a narrow column does not change into the mobile format.

    Thanks

    Hi, @sse-angus!

    Please try to add the following code to Event Calendar WD > Settings > Custom CSS panel:

    .calendar_main .ecwd_calendar.ecwd-widget-mini {
        max-width: none;
    }
    .avia-builder-el-11 {
        padding: 10px 2% 10px 2%;
    }

    However, please note, that these settings are controlled by your website theme. Make sure to clear the cache of your web browser before checking the changes.

    Thanks! Have a wonderful day!

    Thanks, I think I’ve got it sorted now.

    That’s wonderful, @sse-angus!

    Please feel free to open a new thread in case you will need assistance. We are always happy to help.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing alignment of widget’ is closed to new replies.