Image and Title Size on Details Template

  • Resolved gator1130

    (@gator1130)


    2 years, 10 months ago

    I have implemented the single event details template and all of my events have their featured image resized much smaller than the original and the image is covered up partially by the event title and date making the image hard to see. I am using Chrome on a desktop computer when that happens. When I visit the site from my phone, the entire image is covered up by the title and date. How can I prevent the image from being resized so small and is there a way to make the title and date not cover up the image?

    The page I need help with: [log in to see the link]

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

  • That would interest me too

    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @gator1130,

    Thanks for using our plugin.
    This is possible after the customization code but after the update code will removed.
    Go to the main folder of the plugin event-page-template-addon-for-the-events-calendar >>epta-template >>epta-template-1.php Replace line no. 43 to 64 with below-shared code.

    <div class="epta-image-area">
            <?php
            if(tribe_event_featured_image()){
                echo tribe_event_featured_image( $event_id, 'full', false );?>
            <?php
            }
            else{
            ?>
                <div class="epta-title-date no-image">
                    <h2><?php sanitize_title_with_dashes(the_title()); ?></h2>
                    <?php echo $tecset_event_schedule;?>
                    <div class="epta-light-bg"></div>
                </div>
            <?php
            }
            ?>
                <div class="epta-title-date">
                    <h2><?php sanitize_title_with_dashes(the_title()); ?></h2>
                    <?php echo $tecset_event_schedule;?>
                    <div class="epta-light-bg"></div>
                </div>
        </div>

    2) Add custom CSS in plugin settings.

    .epta-light-bg {
   
    bottom: 4px !important;
}
.epta-title-date {
    position: relative !important;
}

    Let me know if you are still facing any issues.

    Thanks & Regards

    Thread Starter gator1130

    (@gator1130)

    It looks as the title moved up to the top of the image but it is still covered up. The image is still showing up small.

    https://happycowbar.com/event/matt-castillo

    Plugin Support Jyoti Bhandari

    (@jyoti197)

    Hi @gator1130,

    Please contact plugin technical support team at here – https://coolplugins.net/contact-plugin-support/

    Thanks & Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image and Title Size on Details Template’ is closed to new replies.