Versions Compared

Old Version 1

changes.mady.by.user Mickey [RG]

Saved on

compared with

New Version 2

changes.mady.by.user Mickey [RG]

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Note
Please only use this if you are comfortable with CSS. If you need assistance, please open a support ticket.

This is one way you can customize the built-in snippet Sidebar Upcoming Events Block. Here's an example of how it would look.

Follow these instructions to add the sidebar:

  1. Upload this image

    Image Modified

  2. Add this code to your CSS

    Code Block
    languagecss
    .sidebarBox .heading {
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
display:none;
 text-shadow: 1px 1px 0 #FFFFFF;
}
.sidebarBox .event {
    font-size: 11px;
    line-height: 3.1;
margin-left: 2px;
text-indent:20px;
 background-image: url(http://location of the image );
background-position: left;
background-repeat: no-repeat;
}

...

  1. Add the code snippet Sidebar Upcoming Events Block to any of your

...

  1. web pages.
    Image Modified

If you have any questions. Please Please don't hesitate to open a support ticket if you have questions or get stuck.