Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 26, 2023 at 1:42 pm #1399310
    Christopher

    Hello to the competent round :)

    I use the widget “Simple Calendar” for the appointment display in the sidebar. In the admin view there is a link between title and content where I can edit the calendar. However, when I’m not logged in, that is as a normal user, the space between title and content here is larger than usual. Is it possible to add a command via the Quick CSS so that I can reduce the distance between the widget without losing the link?

    Here is the page in question: https://www.ff-bille.de

    Sample

    Thanks for help!

    February 26, 2023 at 4:22 pm #1399317
    Mike

    Hey Christopher,
    Thanks for the link to your page, as I can’t log in I can’t tell how the element will look when the link is added for the admin, but this css should correct the extra space for everyone else:

    .simcal-events .simcal-event-details p {
    margin: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 26, 2023 at 5:28 pm #1399322
    Christopher

    Brilliant I am thrilled. Worked and looks perfect. THANKS

    Now I still have the problem that in the mobile view the distance between content and sidebar is a bit very big. In addition, I do not like the dashed line, I would like to use a continuous one.

    February 26, 2023 at 5:42 pm #1399325
    Mike

    Hi,
    Try this css:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #main .sidebar.smartphones_sidebar_active {
    border-top-style: solid;
    padding-top: 25px;
}
.responsive #top #main .container .template-page.av-content-small {
	padding-bottom: 0;
	margin-bottom: 0;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 26, 2023 at 6:13 pm #1399327
    Christopher

    Worked. Looks really good. THANKS
    How do I get the dividing line to the full width now?

    February 26, 2023 at 6:54 pm #1399334
    Mike

    Hi,
    Try this css instead:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #main .sidebar.smartphones_sidebar_active {
    border-top-style: none;
    padding-top: 25px;
    overflow: visible;
}
.responsive #top #wrap_all #main .sidebar.smartphones_sidebar_active::before {
  content: '';
  position: absolute;
  top: 0;
  border: 1px solid #ebebeb;
  width: 110vw;
  height: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.responsive #top #main .container .template-page.av-content-small {
	padding-bottom: 0;
	margin-bottom: 0;
}
}

    Best regards,
    Mike

    March 2, 2023 at 1:47 pm #1399826
    Christopher

    Great, it works. Thanks for the quick help!

    March 2, 2023 at 6:12 pm #1399865
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Widgets – reduce distance between title and content’ is closed to new replies.