Okay
  Public Ticket #2935095
Single event page customization
Closed

Comments

  •  10
    alleganps started the conversation
    December 9, 2021 at 6:14pm

    Hello.

    I am using the single event template linked in this post, and it produces what I need with the following exceptions (please see my attached image for reference):

    1. "stec_event" appears at the top of each event page. Can this be changed and/or removed?
    2. The event stretches the full width of the page. How do I resize so that it fits each page's 1200px max width?
    3. Can I remove the suggested events completely from each page?

    Thank you for any help you can provide, as I don't know if these "issues" are dependent on modifying the PHP file, my site's theme, or CSS.

  •  877
    Zhivko replied
    December 10, 2021 at 2:45pm

    Hi,

    Go to Dashboard -> STEC -> Fonts & Colors -> Customs tyle tab and add following css:

    /* Center container and set max-width to 1280  */
    .stec-layout-single {max-width: 1280px;margin:20px auto;}
/* Replace stec_event to 'Calendar Event' or whatever you need */
    .single-stec_event .page-header-title span { font-size:0; }
    .single-stec_event .page-header-title span:after { content: 'Calendar Event'; font-size: 1.615rem; }
/* Hide pagination */
    .single-stec_event .post-pagination-wrap { display: none; }


    Stachethemes Developer

  •  10
    alleganps replied
    December 10, 2021 at 4:14pm

    Again, thank you for your help. That worked perfectly.