Widget list view — CSS help

  • Resolved alannamc

    (@alannamc)


    9 years ago

    Greetings. I’m having a tough time taming some style attributes, and wondering if someone else might be able to help?

    I have a widget calendar in list view, and I have been asked to get rid of the “tabs” (display: block) that render with the day and to adjust the spacing between event titles. Basically, I need to make it look like it did before the recent update/overhaul to Simple Calendar. Don’t think these attributes are inherited based on the last taming that I did. I’ve spent a lot of time combing through the theme CSS and also the plugin CSS files and I’m not finding what I need and feeling a bit foolish. Can anyone help? I’d be so incredibly grateful.

    My site is: sau89.org/wordpress/

    https://www.ads-software.com/plugins/google-calendar-events/

Viewing 4 replies - 1 through 4 (of 4 total)
  • sylwwwester

    (@sylwwwester)

    You’ve got an empty paragraphs after event title (?), look into your WordPress content editor.

    Also you can adjust spacing in CSS with .simcal-calendar ul li

    More info: https://docs.simplecalendar.io/displaying-calendars/

    Thread Starter alannamc

    (@alannamc)

    Thanks sylwwwester. Looks like the plugin update and subsequent running of the update script that didn’t run the first time around had some interesting effects on the display formatting, which is where my extra lines were coming up. I was able to fix that pretty easily.

    I’m currently trying to get rid of the tabs that show up in the widget (list format). I found this in the admin.css, but my changes had no impact. I was careful to delete my browser cache. If you have any insight, I’d truly appreciate it.

    .simcal-field-datetime-format {
  padding: 10px 0 5px; }
  .simcal-field-datetime-format > div {
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px dashed rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    cursor: move;
    display: inline-block;
    float: left;
    margin: 0 10px 15px 0;
    padding: 10px; }
  .simcal-field-datetime-format select {
    display: block; }
  .simcal-field-datetime-format > span {
    clear: both;
    display: block; }
  .simcal-field-datetime-format .ui-sortable-helper {
    box-shadow: -2px 4px 8px rgba(0, 0, 0, 0.12);
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg); }
    Plugin Contributor Nick Young

    (@nickyoung87)

    The admin.css file is for the admin area of WP. You probably need to look in the default-calendar.css.

    If you inspect the element in your browser it should show you the class names of the elements to help make it a bit easier for you.

    Plugin Contributor Nick Young

    (@nickyoung87)

    Assuming this was resolved since there has not been a response here. Let us know if you have any other questions and we will be glad to help.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widget list view — CSS help’ is closed to new replies.