Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2015 at 10:50 am #440232
    erikvermeulen

    Hi Enfold Team,

    I have posted a lot if questions the last few weeks and you guys have awesome support. Thanks for that! My website is now almost the way I want it to be so that’s great!

    The thing that is still bothering me is the events calendar widget. I have added thumbnails to it per to the instructions of the plugin support.

    https://theeventscalendar.com/knowledgebase/add-thumbnails-to-upcoming-events-list-widget

    This results in the images showing up rather large, above my event text in the widget area. This creates a lot of white space. I would like the images to show up inline to the text at the front. I was hoping this was a small CSS tweak but the Events Calendar team doesn’t help me. They will not answer my questions on their forum and will also not tell me if they will help me do this if I purchase the plugin (at the moment I use the free version but I’m more then willing to purchase the Pro version if I can then get the help I need).

    I was wondering if you guys would know if a simple CSS tweak could give me the desired effect. I know this is a plugin unrelated to enfold but because their support doesn’t help me and you guys have great support over here, I was hoping you could help me with this.

    (second to the images appearing in front of the text, inline, I would like them to be smaller or rounded. If this is also possible it would be great, but it is less important then the first issue).

    May 6, 2015 at 3:57 pm #440405
    Yigit

    Hi erikvermeulen!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .widget .tribe-events-event-image img {
  max-width: 20%!important;
  border-radius: 100px;
  float: left;
  margin-right: 10px; 
}
.widget .tribe-events-event-image {
  margin: 0;
}
.widget h4.entry-title.summary {
  float: left;
  width: 0%;
  font-size: 14px; 
}
.widget .duration {
  margin-top: 20px;
}
.widget ol.vcalendar {
  margin: 0!important;
}

    It should look like this – http://i.imgur.com/xSLWiEp.png
    If that does not help, please post a screenshot and show the changes you would like to make.

    Best regards,
    Yigit

    August 26, 2016 at 10:08 pm #678330
    krummnagel

    Hi,

    on my page this code does not work, maybe because of an update ?

    Thanks

    krumm

    August 31, 2016 at 3:37 pm #680030
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .widget h4.tribe-event-title {
    margin-top: 0!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.